mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-09-19 18:47:19 +02:00
0ff12e01fe
Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
36 lines
1.4 KiB
CSS
36 lines
1.4 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbarbuttons_icon+label.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* Shows both icon and label for toolbarbuttons */
|
|
|
|
toolbar .toolbarbutton-1[label]{
|
|
-moz-box-orient: vertical; /* Fx <112 compatibility */
|
|
flex-direction: column;
|
|
-moz-box-align: center !important; /* Fx <112 compatibility */
|
|
align-items: center !important;
|
|
}
|
|
|
|
toolbar .toolbarbutton-1[label]:not([disabled]):hover{ background-color: var(--toolbarbutton-hover-background) !important; }
|
|
|
|
toolbar .toolbarbutton-1[label] > .toolbarbutton-icon,
|
|
toolbar .toolbarbutton-1[label] > .toolbarbutton-badge-stack{
|
|
padding: var(--toolbarbutton-inner-padding) !important;
|
|
padding-bottom: 0px !important;
|
|
height: calc(var(--toolbarbutton-inner-padding) + 16px) !important;
|
|
border: none !important;
|
|
background-color: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
toolbar .toolbarbutton-1[label] > .toolbarbutton-text {
|
|
display: flex !important;
|
|
min-height: 16px !important;
|
|
padding-top: 0px !important;
|
|
background-color: transparent !important;
|
|
overflow: hidden;
|
|
width: 11ch;
|
|
}
|
|
toolbar .toolbarbutton-1[label] > .toolbarbutton-text::before{
|
|
margin-inline: auto;
|
|
}
|
|
:root:not([uidensity="compact"]) toolbar .toolbarbutton-1[label] > .toolbarbutton-text{ padding: 2px !important; }
|