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

Improvements for centered_tab_label.css

Browse source 
This patch makes tab label work better when label has rtl text.
Secondary tab label (like "muted" etc.) is now also centered.
This commit is contained in:
MrOtherGuy 2022-12-08 16:19:36 +02:00
parent a25da9fe49
commit 4918f31c82
1 changed files with 17 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

21
chrome/centered_tab_label.css
View file

@ -1,7 +1,20 @@
/* 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; align-items: safe center; }
.tab-label,.tab-secondary-label{ overflow: hidden }
.tabbrowser-tab[selected]:not(:hover) .tab-label-container,
#tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab:not(:hover,[pinned]) .tab-label-container{ margin-inline-end: 7px }
.tab-label-container{
display: grid;
justify-content: safe center;
align-items: safe center;
}
.tab-secondary-label{
-moz-box-pack: 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;
}