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

Clip button width to 12ch for toolbarbuttons_icon+label

Browse source
This commit is contained in:
MrOtherGuy 2022-12-26 18:59:43 +02:00
parent 134491e41a
commit ef199c5c24
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
chrome/toolbarbuttons_icon+label.css
View file

@ -3,7 +3,10 @@ See the above repository for updates as well as full license text. */
/* Shows both icon and label for toolbarbuttons */ /* Shows both icon and label for toolbarbuttons */
toolbar .toolbarbutton-1[label]{ -moz-box-orient: vertical } toolbar .toolbarbutton-1[label]{
-moz-box-orient: vertical;
-moz-box-align: center !important;
}
toolbar .toolbarbutton-1[label]:not([disabled]):hover{ background-color: var(--toolbarbutton-hover-background) !important; } toolbar .toolbarbutton-1[label]:not([disabled]):hover{ background-color: var(--toolbarbutton-hover-background) !important; }
@ -22,8 +25,7 @@ toolbar .toolbarbutton-1[label] > .toolbarbutton-text {
min-height: 16px !important; min-height: 16px !important;
padding-top: 0px !important; padding-top: 0px !important;
background-color: transparent !important; background-color: transparent !important;
/*max-width: 70px;*/ /* Set maximium button width here if wanted */ overflow: hidden;
width: 12ch;
} }
:root:not([uidensity="compact"]) toolbar .toolbarbutton-1[label] > .toolbarbutton-text{ padding: 2px !important; } :root:not([uidensity="compact"]) toolbar .toolbarbutton-1[label] > .toolbarbutton-text{ padding: 2px !important; }
#back-button{ padding: 0px var(--toolbarbutton-outer-padding) !important; border-radius: 0px !important; }