preferences.css: various tweaks (MR 8)

* center icons in sidebar
* make it adaptive
This commit is contained in:
HenriDellal 2021-05-19 23:07:59 +02:00 committed by Oliver Smith
parent 0765d1a25f
commit e940cac4e1
No known key found for this signature in database
GPG key ID: 5AE7F5513E0885CB

View file

@ -1,17 +1,32 @@
@-moz-document url("about:preferences"), url-prefix("about:preferences") { @-moz-document url("about:preferences"), url-prefix("about:preferences") {
/* avoid that sidebar is too wide */ @media (max-width: 700px) {
.navigation { /* avoid that sidebar is too wide */
max-width: 50px; :root {
--in-content-sidebar-width: 50px !important;
}
#categories > .category {
margin-inline-start: auto !important;
padding-inline: auto !important;
}
.category-name {
display: none !important;
}
.sidebar-footer-list {
margin-inline: auto !important;
padding-inline: auto !important;
}
.sidebar-footer-label {
display:none !important;
}
} }
/* reduce space around category icons */ @media (max-height: 400px) {
#categories > .category { #categories {
margin-inline-start: 2px !important; margin-top: 8px !important;
padding-inline: 2px !important; }
}
/* reduce space around footer icons (addons, help) */
.sidebar-footer-list {
margin-inline: 2px !important;
} }
} }