mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-11-09 19:30:15 +00:00
96 lines
No EOL
3.4 KiB
CSS
96 lines
No EOL
3.4 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/compact_addons_manager.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* 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"), url("about:addons"){
|
|
|
|
: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; }
|
|
|
|
addon-list[type="extension"] .addon-name-container{
|
|
display: grid !important;
|
|
grid-template-areas: "name opt" "name toggle" "name badge";
|
|
grid-row-gap: 6px;
|
|
grid-auto-columns: 1fr 24px;
|
|
}
|
|
.addon-icon{ align-self: center }
|
|
.addon-name-container > .addon-name{ grid-area: name }
|
|
.addon-name-container > .toggle-button{ grid-area: toggle }
|
|
.addon-name-container > .more-options-button{ grid-area: opt }
|
|
.addon-name-container > .addon-badge{ grid-area: badge }
|
|
|
|
addon-list[type="extension"] .more-options-button{
|
|
margin-inline: 0 !important;
|
|
}
|
|
|
|
.card-heading-image{
|
|
max-width: calc(100% + 32px);
|
|
object-position: left;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
addon-list[type="theme"] addon-card{
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@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"; }
|
|
}
|
|
|
|
/* Note: addon-card verified and recommended badges are hidden here. They should remain visible in the "manage" addon page though. */
|
|
addon-card:not([expanded]) .addon-badge-verified,
|
|
addon-card:not([expanded]) .addon-badge-recommended,
|
|
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"){
|
|
:root{ --sidebar-width: 60px !important; }
|
|
#categories{ width: var(--sidebar-width) !important; }
|
|
#categories > .category{
|
|
margin-left: 10px !important;
|
|
-moz-box-pack: center;
|
|
}
|
|
.sidebar-footer-list{ margin-left: 18px !important; }
|
|
.sidebar-footer-label,
|
|
.category > .category-name{ display: none }
|
|
} |