pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

preferences.css: various tweaks (MR 8)

Browse source 
* 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
1 changed files with 27 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/userContent/preferences.css
View file

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