fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-09 19:30:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

update compact_addons_manager.css to work in Fx99

Browse source
This commit is contained in:
MrOtherGuy 2022-04-16 08:42:13 +03:00
parent db4d9f86c5
commit cd53cad31c
1 changed files with 44 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
content/compact_addons_manager.css
View file

@ -8,7 +8,7 @@ See the above repository for updates as well as full license text. */
@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"), url("about:addons"){ @-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 */ :root{ overflow-x: hidden } /* Remove this if it causes horizontal scrolling problems */
@media (min-width:420px){ @media (min-width:420px){
#main{ max-width: unset !important; padding-right: 28px; } #main{ max-width: unset !important; padding-right: 28px; }
@ -19,17 +19,45 @@ See the above repository for updates as well as full license text. */
grid-auto-columns: 1fr; grid-auto-columns: 1fr;
column-gap: 1em; column-gap: 1em;
} }
addon-card .card-contents{ width: unset !important; white-space: initial !important; } addon-card .card-contents{ width: unset !important; white-space: initial !important; }
.card-heading-image{ max-width: calc(100% + 32px) } 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 } section > h2{ grid-area: hd }
addon-card{ addon-card{
padding-bottom: 0px !important; padding-bottom: 0px !important;
padding-top: 0px !important; padding-top: 0px !important;
grid-area: auto; grid-area: auto;
} }
addon-card .addon-description{ max-height: 3em; scrollbar-width: thin; }
addon-card .addon-description{
max-height: 3em;
scrollbar-width: thin;
}
addon-list[type="theme"] addon-card{
margin-right: auto;
}
} }
@media (min-width:640px){ @media (min-width:640px){
@ -45,6 +73,9 @@ See the above repository for updates as well as full license text. */
addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd hd hd" "cd cd cd cd cd cd"; } 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-description,
addon-card:not([expanded]) .addon-card-message button[action]{ display: none !important; } addon-card:not([expanded]) .addon-card-message button[action]{ display: none !important; }
@ -53,8 +84,13 @@ See the above repository for updates as well as full license text. */
} }
@-moz-document url-prefix("about:addons"){ @-moz-document url-prefix("about:addons"){
#categories{ width: 60px !important; } :root{ --sidebar-width: 60px !important; }
#categories > richlistitem{ margin-left: 20px !important; -moz-box-pack: center } #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, .sidebar-footer-label,
#category-box richlistitem > label{ display: none } .category > .category-name{ display: none }
} }