From dc3e65a14174e186494998330779da41568de9c3 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 13 Nov 2022 17:41:27 +0900 Subject: [PATCH] Fix: Bottom Rounded Corner - Moving with header image --- css/leptonChrome.css | 8 +++++++- src/tab/selected_tab/_bottom_rounded_corner_others.scss | 6 +++++- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index 44a744c..43e63e4 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -6831,9 +6831,11 @@ .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-background::before { --uc-tab-corner-left-side-svg: var(--uc-tab-corner-left-side-svg-clipped); } + .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background { + --uc-tab-corner-bgimage: var(--lwt-header-image, none); + } .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::before, .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::after { - --uc-tab-corner-bgimage: var(--lwt-header-image, none); fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); } @supports -moz-bool-pref("userChrome.tab.box_shadow") { @@ -6853,6 +6855,10 @@ fill: var(--uc-multiselected-tab-bgcolor); } } + #tabbrowser-tabs[movingtab] .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background:-moz-lwtheme { + --uc-tab-corner-bgimage: none; + } + @supports -moz-bool-pref("userChrome.tab.box_shadow") { :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) #TabsToolbar[brighttext] diff --git a/src/tab/selected_tab/_bottom_rounded_corner_others.scss b/src/tab/selected_tab/_bottom_rounded_corner_others.scss index 23f484f..20bdc4e 100644 --- a/src/tab/selected_tab/_bottom_rounded_corner_others.scss +++ b/src/tab/selected_tab/_bottom_rounded_corner_others.scss @@ -182,9 +182,10 @@ // } &:is([visuallyselected], [multiselected]) .tab-background { + --uc-tab-corner-bgimage: var(--lwt-header-image, none); + &::before, &::after { - --uc-tab-corner-bgimage: var(--lwt-header-image, none); fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); @include Option("userChrome.tab.box_shadow") { @@ -207,6 +208,9 @@ } } } +#tabbrowser-tabs[movingtab] .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background:-moz-lwtheme { + --uc-tab-corner-bgimage: none; +} :root { &:is(