mobile-config-firefox/chrome/centered_tab_label.css
MrOtherGuy 0ff12e01fe Add support for modern flexbox layout
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.
2023-03-11 12:26:07 +02:00

22 lines
820 B
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_tab_label.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
.tab-label-container{
display: grid;
justify-content: safe center; /* Fx <112 compatibility */
align-items: safe center; /* Fx <112 compatibility */
align-content: center;
}
.tab-secondary-label{
-moz-box-pack: center; /* Fx <112 compatibility */
justify-content: center;
}
.tab-label,
.tab-secondary-label{ overflow: hidden }
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([labeldirection="rtl"]),
#tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([labeldirection="rtl"]){
margin-inline-end: 7px;
}