luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[fix] move close icon to the left

Browse Source
This commit is contained in:
Oliver Atkinson 2021-09-01 22:01:46 +01:00
parent a0625649fb
commit 455018f742
1 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/other/firefox/WhiteSur/parts/tabsbar.css
View File

@ -96,6 +96,7 @@ tab[selected]:-moz-window-inactive {
/* Center all inside tab */ /* Center all inside tab */
.tab-content { .tab-content {
display: flex; display: flex;
flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: -1px; margin-top: -1px;
@ -118,12 +119,33 @@ tab[selected]:-moz-window-inactive {
.tab-icon-sound[activemedia-blocked="true"] { .tab-icon-sound[activemedia-blocked="true"] {
margin-left: auto !important; margin-left: auto !important;
} }
.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {
margin-left: auto !important;
}
.tab-icon-sound { .tab-icon-sound {
margin-right: 6px; margin-right: 6px;
} }
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
order: 1;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-icon-stack {
order: 2;
margin-left: auto;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-label-container {
order: 3;
margin-right: auto;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
visibility: hidden;
}
.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button {
visibility: visible;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-label-container > .tab-secondary-label {
display: none;
}
/* Force tab favicon to the center */ /* Force tab favicon to the center */
.tab-throbber, .tab-throbber-fallback, .tab-throbber, .tab-throbber-fallback,