diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css new file mode 100644 index 0000000..207a489 --- /dev/null +++ b/content/addon_manage_buttons_without_popup.css @@ -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; } +*/ +} \ No newline at end of file diff --git a/content/compact_addons_manager.css b/content/compact_addons_manager.css new file mode 100644 index 0000000..cb8b1f2 --- /dev/null +++ b/content/compact_addons_manager.css @@ -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 } +} \ No newline at end of file