From 455018f742081f3210623df9ef4809dc7061bf2c Mon Sep 17 00:00:00 2001 From: Oliver Atkinson Date: Wed, 1 Sep 2021 22:01:46 +0100 Subject: [PATCH] [fix] move close icon to the left --- src/other/firefox/WhiteSur/parts/tabsbar.css | 28 +++++++++++++++++--- 1 file changed, 25 insertions(+), 3 deletions(-) diff --git a/src/other/firefox/WhiteSur/parts/tabsbar.css b/src/other/firefox/WhiteSur/parts/tabsbar.css index f0af262..6afa663 100644 --- a/src/other/firefox/WhiteSur/parts/tabsbar.css +++ b/src/other/firefox/WhiteSur/parts/tabsbar.css @@ -96,6 +96,7 @@ tab[selected]:-moz-window-inactive { /* Center all inside tab */ .tab-content { display: flex; + flex-direction: row; justify-content: center; align-items: center; margin-top: -1px; @@ -118,12 +119,33 @@ tab[selected]:-moz-window-inactive { .tab-icon-sound[activemedia-blocked="true"] { margin-left: auto !important; } -.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button { - margin-left: auto !important; -} + .tab-icon-sound { margin-right: 6px; } +.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button { + order: 1; +} +.tabbrowser-tab > .tab-stack > .tab-content > .tab-icon-stack { + order: 2; + margin-left: auto; +} +.tabbrowser-tab > .tab-stack > .tab-content > .tab-label-container { + order: 3; + margin-right: auto; +} + +.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button { + visibility: hidden; +} + +.tabbrowser-tab:hover > .tab-stack > .tab-content > .tab-close-button { + visibility: visible; +} + +.tabbrowser-tab > .tab-stack > .tab-content > .tab-label-container > .tab-secondary-label { + display: none; +} /* Force tab favicon to the center */ .tab-throbber, .tab-throbber-fallback,