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

Update #414

Browse source
This commit is contained in:
Vince 2021-09-02 12:20:17 +08:00
parent 9ca944e923
commit ad63f0634c
2 changed files with 71 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/other/firefox/Monterey/parts/tabsbar.css
View file

@ -72,6 +72,14 @@
width: 16px;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
visibility: hidden;
}
.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button {
visibility: visible;
}
@media (prefers-color-scheme: dark) {
.tab-close-button {
list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
@ -145,3 +153,32 @@
height: 16px !important;
width: 16px !important;
}
@media (-moz-gtk-csd-reversed-placement) {
.tab-content {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding-right: 20px !important;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
order: 1;
min-width: 16px;
}
.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-label-container > .tab-secondary-label {
display: none;
}
}

47
src/other/firefox/WhiteSur/parts/tabsbar.css
View file

@ -96,6 +96,7 @@ tab[selected]:-moz-window-inactive {
/* Center all inside tab */
.tab-content {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: -1px;
@ -118,9 +119,9 @@ tab[selected]:-moz-window-inactive {
.tab-icon-sound[activemedia-blocked="true"] {
margin-left: auto !important;
}
.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {
margin-left: auto !important;
}
/*.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button {*/
/* margin-left: auto !important;*/
/*}*/
.tab-icon-sound {
margin-right: 6px;
}
@ -140,6 +141,7 @@ tab[selected]:-moz-window-inactive {
/* If tab favicon is not present, force tab label to the center */
.tabbrowser-tab .tab-label-container {
margin-left: 0 !important;
margin-right: auto !important;
}
.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container {
@ -200,10 +202,6 @@ tab[selected]:-moz-window-inactive {
} */
/* Close tab button */
:root {
--gnome-fill-icon: red !important;
}
.close-icon {
height: 16px !important;
padding: 0 !important;
@ -223,11 +221,20 @@ tab[selected]:-moz-window-inactive {
width: 16px;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
visibility: hidden;
}
.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button {
visibility: visible;
}
@media (prefers-color-scheme: dark) {
.tab-close-button {
list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
}
}
:root:-moz-window-inactive .tab-close-button:not(#hack) {
opacity: .18 !important;
}
@ -255,11 +262,6 @@ tab[selected]:-moz-window-inactive {
display: none;
}
/* Move container lines to the top */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background {
border-top: 3px solid var(--identity-tab-color) !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid]>.tab-stack>.tab-background>.tab-context-line {
display: none;
@ -363,7 +365,6 @@ tab[selected]:-moz-window-inactive {
}
/* fix spacing on too many tabs */
.tab-icon-overlay:not([pinned], [sharing]),
[pictureinpicture] {
margin-inline-end: 4px !important;
@ -380,3 +381,23 @@ tab[selected]:-moz-window-inactive {
#tabbrowser-tabs[closebuttons="activetab"]>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-content>.tab-icon-stack[selected="true"] {
margin-left: auto !important;
}
@media (-moz-gtk-csd-reversed-placement) {
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
order: 1;
min-width: 16px;
}
.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-label-container > .tab-secondary-label {
display: none;
}
}