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; 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 */ /* Center all inside tab */
.tab-content { .tab-content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center !important;
align-items: center; align-items: center !important;
min-width: 100% !important; min-width: 100% !important;
padding: 0 10px !important; padding: 0 10px !important;
} }
.tab-label {
margin-inline: 0 !important;
}
/* Prevent tab icons size breaking */ /* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button { .tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
min-width: 16px; min-width: 16px;
@ -130,6 +151,7 @@ tab > stack {
/* Adjust tab label width */ /* Adjust tab label width */
.tab-label-container { .tab-label-container {
min-width: 0 !important; min-width: 0 !important;
max-width: min-content !important;
} }
/* Put tab close button and icon sound to the right */ /* 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; 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 { .close-icon {
height: 16px !important; height: 16px !important;
padding: 0 !important; padding: 0 !important;

View file

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