FIxed issues

This commit is contained in:
vinceliuice 2023-05-11 17:08:03 +08:00
parent 636408a179
commit deee608ed5
3 changed files with 47 additions and 12 deletions

View file

@ -82,16 +82,37 @@ tab > stack {
background: var(--gnome-inactive-tabbar-tab-active-background) !important;
}
/* Tab labels */
tab .tab-label {
color: var(--gnome-tabbar-tab-color) !important;
}
tab:hover .tab-label {
color: var(--gnome-tabbar-tab-hover-color) !important;
}
tab[selected] .tab-label {
color: var(--gnome-tabbar-tab-active-color) !important;
}
tab:-moz-window-inactive .tab-label {
color: var(--gnome-inactive-tabbar-tab-color) !important;
}
tab[selected]:-moz-window-inactive .tab-label {
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
}
/* Center all inside tab */
.tab-content {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
justify-content: center !important;
align-items: center !important;
min-width: 100% !important;
padding: 0 10px !important;
}
.tab-label {
margin-inline: 0 !important;
}
/* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
min-width: 16px;
@ -130,6 +151,7 @@ tab > stack {
/* Adjust tab label width */
.tab-label-container {
min-width: 0 !important;
max-width: min-content !important;
}
/* Put tab close button and icon sound to the right */

View file

@ -58,6 +58,24 @@ tab > stack {
background: var(--gnome-inactive-tabbar-tab-active-background) !important;
}
/* Tab labels */
tab .tab-label {
color: var(--gnome-tabbar-tab-color) !important;
}
tab:hover .tab-label {
color: var(--gnome-tabbar-tab-hover-color) !important;
}
tab[selected] .tab-label {
color: var(--gnome-tabbar-tab-active-color) !important;
}
tab:-moz-window-inactive .tab-label {
color: var(--gnome-inactive-tabbar-tab-color) !important;
}
tab[selected]:-moz-window-inactive .tab-label {
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
}
.close-icon {
height: 16px !important;
padding: 0 !important;

View file

@ -73,7 +73,6 @@
tab {
color: var(--gnome-tabbar-tab-color) !important;
}
tab:hover {
color: var(--gnome-tabbar-tab-hover-color) !important;
}
@ -112,18 +111,19 @@ tab[selected]:-moz-window-inactive {
/* Center tab text */
.tab-label {
margin-inline: auto !important;
margin-left: 0 !important;
margin-inline: 0 !important;
}
/* Adjust tab label width */
.tab-label-container {
min-width: 0 !important;
max-width: min-content !important;
}
.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
margin-inline-end: 0 !important;
}
.tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
padding: 6px;
}
@ -154,12 +154,7 @@ tab[selected]:-moz-window-inactive {
/* Force tab favicon to the center */
.tab-throbber, .tab-throbber-fallback,
.tabbrowser-tab:not([busy]):not([soundplaying="true"],[muted="true"]) .tab-icon-image,
.tabbrowser-tab:not([class*="identity-color-"]) .tab-icon-stack {
margin-left: auto !important;
}
/* separate class for multi-tab alignment*/
.tabbrowser-tab[class*="identity-color-"]>.tab-stack>.tab-content>.tab-icon-stack {
.tabbrowser-tab .tab-icon-stack {
margin-left: auto !important;
}
@ -194,7 +189,7 @@ tab[selected]:-moz-window-inactive {
/* fix misc spacing between tabs */
.tabbrowser-tab {
padding-inline: 0px !important;
padding-inline: 0 !important;
padding: 0 !important;
}