preferences.css: various tweaks (MR 8)
* center icons in sidebar * make it adaptive
This commit is contained in:
parent
0765d1a25f
commit
e940cac4e1
1 changed files with 27 additions and 12 deletions
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue