fix centered tab close button

This commit is contained in:
Gerome Matilla 2020-08-12 15:14:46 +08:00
parent 8a2241c407
commit e51de2a676

View File

@ -14,7 +14,7 @@
--bf-urlbar-active-bg: var(--bf-bg); --bf-urlbar-active-bg: var(--bf-bg);
--bf-urlbar-results-url-color: var(--bf-color); --bf-urlbar-results-url-color: var(--bf-color);
--bf-tab-background: #000000AA; --bf-tab-toolbar-bg: #000000AA;
--bf-tab-color: var(--bf-color); --bf-tab-color: var(--bf-color);
--bf-tab-selected-bg: var(--bf-bg); --bf-tab-selected-bg: var(--bf-bg);
@ -46,7 +46,7 @@
--bf-urlbar-active-bg: var(--bf-bg); --bf-urlbar-active-bg: var(--bf-bg);
--bf-urlbar-results-url-color: var(--bf-color); --bf-urlbar-results-url-color: var(--bf-color);
--bf-tab-background: #F2F2F2AA; --bf-tab-toolbar-bg: #F2F2F2AA;
--bf-tab-color: var(--bf-color); --bf-tab-color: var(--bf-color);
--bf-tab-selected-bg: var(--bf-bg); --bf-tab-selected-bg: var(--bf-bg);
@ -78,7 +78,7 @@
--bf-urlbar-active-bg: var(--bf-urlbar-bg); --bf-urlbar-active-bg: var(--bf-urlbar-bg);
--bf-urlbar-results-url-color: var(--bf-color); --bf-urlbar-results-url-color: var(--bf-color);
--bf-tab-background: var(--bf-bg); --bf-tab-toolbar-bg: var(--bf-bg);
--bf-tab-color: var(--bf-color); --bf-tab-color: var(--bf-color);
--bf-tab-selected-bg: #1A1A1A; --bf-tab-selected-bg: #1A1A1A;
@ -166,7 +166,7 @@ Contains navbar, urlbar, and etc.
*/ */
.browser-toolbar { .browser-toolbar {
background: var(--bf-tab-background) !important; background: var(--bf-tab-toolbar-bg) !important;
} }
toolbar { toolbar {
@ -472,7 +472,6 @@ The tabs container
/* Center all content */ /* Center all content */
.tab-content { .tab-content {
display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: -1px; margin-top: -1px;
@ -480,6 +479,19 @@ The tabs container
padding: 0 10px !important; padding: 0 10px !important;
} }
/* A way to center the label and icon while
the close button is positioned to the far right */
.tab-content::before{
content: "";
display: -moz-box;
-moz-box-flex: 1
}
/* Tab close button */
.tab-close-button {
/* display: none !important; */
}
/* Prevent tab icons size breaking */ /* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-icon-image, .tab-icon-sound,
.tab-throbber, .tab-throbber-fallback, .tab-throbber, .tab-throbber-fallback,
@ -500,11 +512,6 @@ The tabs container
margin-left: 0 !important; margin-left: 0 !important;
} }
/* Hide close tab button */
.tab-close-button {
display: none !important;
}
/* Tab icon */ /* Tab icon */
hbox.tab-content .tab-icon-image { hbox.tab-content .tab-icon-image {
display: initial !important; display: initial !important;