FIxed issues
This commit is contained in:
parent
636408a179
commit
deee608ed5
3 changed files with 47 additions and 12 deletions
|
@ -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 */
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue