This commit is contained in:
MrOtherGuy 2019-09-04 11:59:50 +03:00
parent 8e0381ac29
commit 0a860d16fd
2 changed files with 100 additions and 0 deletions

View file

@ -0,0 +1,43 @@
/* Show addon management buttons without opening popup */
@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){
.addon-card-message{ margin-bottom: 0px !important; margin-top: 0px !important; }
.card.addon{ padding-bottom: 0px !important; }
addon-card .addon-card-collapsed{ display: grid !important; grid-template-areas: "ic con" "op op" }
.more-options-menu{ position: static !important; grid-area: op; margin: 0 !important; }
.card-contents{ grid-area: con }
.card-heading-icon{ grid-area: ic }
addon-options > panel-list{
position: static !important;
display: block !important;
padding: 0 !important;
margin: 0px calc(0px - var(--card-padding)) !important;
}
.arrow,
.more-options-button,
panel-item[action="expand"]{ display: none }
div.list{ display: flex !important; flex-direction: row !important; }
panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") }
panel-item[action="preferences"]{ --icon: url("chrome://browser/skin/settings.svg") }
/* Uncomment these if you want to hide button label - such as with compact_addons_manager */
/*
button > slot{ display: none !important; }
link+button{
padding: 4px !important;
position: static !important;
width: 30px !important;
height: 30px !important;
background-position: 50% !important;
}
link+button::after{ display: none !important; }
*/
}

View file

@ -0,0 +1,57 @@
/* Make the installed addons list more compact, title + only */
/* Installed extensions list will be 3-6 columns wide, themes will be 2 columns wide. No effect on recommendations but those can be styled by adding two_column_html_addons.css */
/* Compatible with addon_manage_buttons_without_popup.css */
@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){
:root{ overflow-x: hidden } /* Remove this if it causes horizontal scrolling problems */
@media (min-width:420px){
#main{ max-width: unset !important; padding-right: 28px; }
addon-list > section{
padding: 1em;
display: grid;
grid-template-areas: "hd hd" "cd cd";
grid-auto-columns: 1fr;
column-gap: 1em;
}
addon-card .card-contents{ width: unset !important; white-space: initial !important; }
.card-heading-image{ max-width: calc(100% + 32px) }
section > h2{ grid-area: hd }
addon-card{
padding-bottom: 0px !important;
padding-top: 0px !important;
grid-area: auto;
}
addon-card .addon-description{ max-height: 3em; scrollbar-width: thin; }
}
@media (min-width:640px){
addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd" "cd cd cd"; }
}
@media (min-width:960px){
addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd" "cd cd cd cd"; }
}
@media (min-width:1180px){
addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd hd" "cd cd cd cd cd"; }
}
@media (min-width:1420px){
addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd hd hd" "cd cd cd cd cd cd"; }
}
addon-card:not([expanded]) .addon-description,
addon-card:not([expanded]) .addon-card-message button[action]{ display: none !important; }
addon-list[type="extension"]{ --card-padding: 8px }
}
@-moz-document url-prefix("about:addons"){
#categories{ width: 60px !important; }
#categories > richlistitem{ margin-left: 20px !important; -moz-box-pack: center }
.sidebar-footer-label,
#category-box richlistitem > label{ display: none }
}