From f86c2261731e263835ada57fc6398a5fff10f6d0 Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Sun, 1 Dec 2024 11:49:13 +0800 Subject: [PATCH] Fixed #1072 --- .../firefox/Monterey/parts/tabsbar-alt.css | 17 ++++--- src/other/firefox/Monterey/parts/tabsbar.css | 12 +++++ .../WhiteSur/parts/tabsbar-adaptive.css | 45 +++++-------------- src/other/firefox/WhiteSur/parts/tabsbar.css | 45 +++++-------------- 4 files changed, 48 insertions(+), 71 deletions(-) diff --git a/src/other/firefox/Monterey/parts/tabsbar-alt.css b/src/other/firefox/Monterey/parts/tabsbar-alt.css index ecb13806..d70bc8c4 100644 --- a/src/other/firefox/Monterey/parts/tabsbar-alt.css +++ b/src/other/firefox/Monterey/parts/tabsbar-alt.css @@ -276,6 +276,18 @@ tab[selected]:-moz-window-inactive .tab-label { display: none; } +/* tab-context-line above tabs */ +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + height: 2px; + border-radius: 2px; + margin: 0 12px !important; +} + +/* Remove alt colours references for multi tabs*/ +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line { + display: none; +} + /* Remove tab separators */ .tabbrowser-tab::after, .tabbrowser-tab::before { @@ -302,11 +314,6 @@ tab[selected]:-moz-window-inactive .tab-label { max-width: .1px !important; } -/* Remove alt colours references for multi tabs*/ -.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line { - display: none; -} - .tabbrowser-tab[class*="identity-color-"][pinned] { display: flex; } diff --git a/src/other/firefox/Monterey/parts/tabsbar.css b/src/other/firefox/Monterey/parts/tabsbar.css index 414405b0..2ca0836e 100644 --- a/src/other/firefox/Monterey/parts/tabsbar.css +++ b/src/other/firefox/Monterey/parts/tabsbar.css @@ -175,6 +175,18 @@ tab[selected]:-moz-window-inactive .tab-label { display: none; } +/* tab-context-line above tabs */ +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + height: 2px; + border-radius: 2px; + margin: 0 12px !important; +} + +/* Remove alt colours references for multi tabs*/ +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line { + display: none; +} + /* Tab attention dot */ .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] { background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important; diff --git a/src/other/firefox/WhiteSur/parts/tabsbar-adaptive.css b/src/other/firefox/WhiteSur/parts/tabsbar-adaptive.css index 44f75611..6125a2a7 100644 --- a/src/other/firefox/WhiteSur/parts/tabsbar-adaptive.css +++ b/src/other/firefox/WhiteSur/parts/tabsbar-adaptive.css @@ -400,6 +400,18 @@ tab[selected]:-moz-window-inactive { display: none; } +/* tab-context-line above tabs */ +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + height: 2px; + border-radius: 0 !important; + margin: 0 !important; +} + +/* Remove alt colours references for multi tabs*/ +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line { + display: none; +} + /* Tab attention dot */ .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] { background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important; @@ -408,11 +420,6 @@ tab[selected]:-moz-window-inactive { background-repeat: no-repeat; } -/* Remove alt colours references for multi tabs*/ -.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { - display: none; -} - .tabbrowser-tab[class*="identity-color-"][pinned] { display: flex; } @@ -446,34 +453,6 @@ tab[selected]:-moz-window-inactive { background-color: var(--gnome-inactive-tabbar-tab-active-background) !important; } -/* Create new container tab indicator */ -.tabbrowser-tab[class*="identity-color-"] .tab-content::before { - content: ""; - display: block; - background-image: var(#userContext-icons:--identity-icon); - background: var( --identity-tab-color); - -moz-context-properties: fill; - fill: var(--identity-icon-color); - background-size: contain; - background-repeat: no-repeat; - background-position: center center; - min-width: 10px; - height: 10px; - margin-right: 5px; - margin-left: auto !important; - border-radius: 100%; -} - -.tabbrowser-tab[class*="identity-color-"][pinned] .tab-content::before, -.tabbrowser-tab[class*="identity-color-"][image] .tab-content::before, -.tabbrowser-tab[class*="identity-color-"][busy] .tab-content::before, -.tabbrowser-tab[class*="identity-color-"][progress] .tab-content::before { - right: -10px; - top: -8px; - position: relative; - margin-right: -10px; -} - /* fix pip on small displays */ .tab-icon-overlay[pictureinpicture] { top: 3px !important; diff --git a/src/other/firefox/WhiteSur/parts/tabsbar.css b/src/other/firefox/WhiteSur/parts/tabsbar.css index b027d7a8..92adcd1a 100644 --- a/src/other/firefox/WhiteSur/parts/tabsbar.css +++ b/src/other/firefox/WhiteSur/parts/tabsbar.css @@ -389,6 +389,18 @@ tab[selected]:-moz-window-inactive { display: none; } +/* tab-context-line above tabs */ +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + height: 2px; + border-radius: 0 !important; + margin: 0 !important; +} + +/* Remove alt colours references for multi tabs*/ +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line { + display: none; +} + /* Tab attention dot */ .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] { background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important; @@ -397,11 +409,6 @@ tab[selected]:-moz-window-inactive { background-repeat: no-repeat; } -/* Remove alt colours references for multi tabs*/ -.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { - display: none; -} - .tabbrowser-tab[class*="identity-color-"][pinned] { display: flex; } @@ -439,34 +446,6 @@ tab[selected]:-moz-window-inactive { background-color: var(--gnome-inactive-tabbar-tab-active-background) !important; } -/* Create new container tab indicator */ -.tabbrowser-tab[class*="identity-color-"] .tab-content::before { - content: ""; - display: block; - background-image: var(#userContext-icons:--identity-icon); - background: var( --identity-tab-color); - -moz-context-properties: fill; - fill: var(--identity-icon-color); - background-size: contain; - background-repeat: no-repeat; - background-position: center center; - min-width: 10px; - height: 10px; - margin-right: 5px; - margin-left: auto !important; - border-radius: 100%; -} - -.tabbrowser-tab[class*="identity-color-"][pinned] .tab-content::before, -.tabbrowser-tab[class*="identity-color-"][image] .tab-content::before, -.tabbrowser-tab[class*="identity-color-"][busy] .tab-content::before, -.tabbrowser-tab[class*="identity-color-"][progress] .tab-content::before { - right: -10px; - top: -8px; - position: relative; - margin-right: -10px; -} - /* fix pip on small displays */ .tab-icon-overlay[pictureinpicture] { top: 3px !important;