Fix: Bottom Rounded Corner - Moving with header image

This commit is contained in:
alstjr7375 2022-11-13 17:41:27 +09:00
parent 94ac9bd408
commit dc3e65a141
2 changed files with 12 additions and 2 deletions

View file

@ -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]

View file

@ -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(