jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tabsbar: Center tab text 

Temporal improvement to #609, the text is centered but the
favicon is not
This commit is contained in:
Rafael Mardojai CM 2023-05-09 20:42:04 -05:00
parent 2cc8726c55
commit f0d808c0f5
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
1 changed files with 6 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
theme/parts/tabsbar.css
View File

@ -186,11 +186,9 @@ tab {
/* Center all inside tab */ /* Center all inside tab */
.tab-content { .tab-content {
display: flex; justify-content: center !important;
justify-content: center; align-items: center !important;
align-items: center;
margin-top: -1px; margin-top: -1px;
min-width: 100% !important;
} }
.tab-content:not([pinned]) { .tab-content:not([pinned]) {
padding: 0 4px !important; padding: 0 4px !important;
@ -209,25 +207,9 @@ tab {
min-width: 16px; min-width: 16px;
} }
/* Center tab icon contents */ /* Center tab text */
.tabbrowser-tab .tab-icon-stack { .tab-label {
align-items: center; margin-inline: auto !important;
justify-items: center;
}
/* Adjust tab label width */
.tab-label-container {
min-width: 0 !important;
}
/* Put tab close button to the right */
.tabbrowser-tab .tab-close-button {
margin-left: auto !important;
}
/* Force tab favicon to the center */
.tabbrowser-tab:not([pinned]) .tab-icon-stack {
margin-left: auto !important;
} }
/* Tab icon margin */ /* Tab icon margin */
@ -235,7 +217,7 @@ tab {
margin-right: 2px; margin-right: 2px;
} }
.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: 4px; padding: 4px;
@ -339,12 +321,6 @@ tab {
} }
/* Fix close button position */ /* Fix close button position */
.tabbrowser-tab:not([pinned]) .tab-label-container {
margin-right: -16px;
}
.tabbrowser-tab:not([pinned]):is([selected="true"], :hover) .tab-label-container[textoverflow="true"] {
margin-right: 0;
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-close-button { #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-close-button {
display: block !important; display: block !important;
} }