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

View File

@ -186,11 +186,9 @@ tab {
/* Center all inside tab */
.tab-content {
display: flex;
justify-content: center;
align-items: center;
justify-content: center !important;
align-items: center !important;
margin-top: -1px;
min-width: 100% !important;
}
.tab-content:not([pinned]) {
padding: 0 4px !important;
@ -209,25 +207,9 @@ tab {
min-width: 16px;
}
/* Center tab icon contents */
.tabbrowser-tab .tab-icon-stack {
align-items: center;
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;
/* Center tab text */
.tab-label {
margin-inline: auto !important;
}
/* Tab icon margin */
@ -339,12 +321,6 @@ tab {
}
/* 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 {
display: block !important;
}