mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-30 20:30:36 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Tab - Replace [beforeselected-visible] #628

Browse source
This commit is contained in:
alstjr7375 2023-02-18 11:13:22 +09:00
parent d2d27cd144
commit 6dc755d4fe
3 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

15
css/leptonChrome.css
View file

@ -6430,7 +6430,7 @@
background-image: var(--uc-tab-corner-right-side-svg), var(--uc-tab-corner-bgimage);
clip-path: var(--uc-tab-corner-right-side-clipPath);
}
.tabbrowser-tab[beforeselected-visible] .tab-background::after {
.tabbrowser-tab:has(+ .tabbrowser-tab[visuallyselected]) .tab-background::after {
--uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-clipped);
}
.tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-background::before {
@ -6747,8 +6747,8 @@
#TabsToolbar {
--toolbarseparator-color: color-mix(in srgb, currentColor 30%, transparent);
}
.tabbrowser-tab:first-of-type .tab-stack::before,
.tab-stack::after {
.tab-stack::before,
.tabbrowser-tab:last-of-type .tab-stack::after {
content: "";
}
.tab-stack::before,
@ -6759,6 +6759,7 @@
/* Position */
top: 50%;
transform: translateY(-50%);
z-index: 1;
/* Bar shape */
width: 0px;
height: 100%;
@ -6770,15 +6771,15 @@
}
@supports -moz-bool-pref("userChrome.tab.static_separator.selected_accent") {
.tabbrowser-tab[visuallyselected] .tab-stack::before,
.tabbrowser-tab[visuallyselected] .tab-stack::after,
.tabbrowser-tab[beforeselected-visible] .tab-stack::after {
.tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before,
.tabbrowser-tab[visuallyselected] .tab-stack::after {
--toolbarseparator-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255)));
}
}
@supports not -moz-bool-pref("userChrome.tab.static_separator.selected_accent") {
.tabbrowser-tab[visuallyselected] .tab-stack::before,
.tabbrowser-tab[visuallyselected] .tab-stack::after,
.tabbrowser-tab[beforeselected-visible] .tab-stack::after {
.tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before,
.tabbrowser-tab[visuallyselected] .tab-stack::after {
opacity: 0;
}
}

2
src/tab/selected_tab/_bottom_rounded_corner_others.scss
View file

@ -153,7 +153,7 @@
}
}
&[beforeselected-visible] .tab-background::after {
&:has(+ .tabbrowser-tab[visuallyselected]) .tab-background::after {
--uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-clipped);
}
&[visuallyselected] + .tabbrowser-tab .tab-background::before {

9
src/tab/unselected_tab/_static_separator.scss
View file

@ -2,8 +2,8 @@
--toolbarseparator-color: color-mix(in srgb, currentColor 30%, transparent);
}
.tabbrowser-tab:first-of-type .tab-stack::before,
.tab-stack::after {
.tab-stack::before,
.tabbrowser-tab:last-of-type .tab-stack::after {
content: "";
}
@ -16,6 +16,7 @@
/* Position */
top: 50%;
transform: translateY(-50%);
z-index: 1;
/* Bar shape */
width: 0px;
@ -29,8 +30,8 @@
}
.tabbrowser-tab[visuallyselected] .tab-stack::before,
.tabbrowser-tab[visuallyselected] .tab-stack::after,
.tabbrowser-tab[beforeselected-visible] .tab-stack::after {
.tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before,
.tabbrowser-tab[visuallyselected] .tab-stack::after {
@include Option("userChrome.tab.static_separator.selected_accent") {
--toolbarseparator-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255)));
}