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

Clean: Bottom Rounded Corner - Refactor

Browse source
This commit is contained in:
alstjr7375 2021-08-20 12:05:23 +09:00
parent 5a91333a6f
commit dbab47f2eb
1 changed files with 18 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

27
userChrome.css
View file

@ -843,12 +843,9 @@
--tab-corner-position: calc(var(--tab-corner-padding) - var(--tab-corner-rounding));
}
:root:not([customizing="true"])[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::before,
:root:not([customizing="true"]):not([gtktiledwindow="true"]) tab[visuallyselected] > stack::before,
:root:not([customizing="true"])[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::after,
:root:not([customizing="true"]):not([gtktiledwindow="true"]) tab[visuallyselected] > stack::after {
:root:not([customizing="true"]) tab[visuallyselected] > stack::before,
:root:not([customizing="true"]) tab[visuallyselected] > stack::after {
/* Box */
content: "" !important;
display: block !important;
position: absolute !important;
z-index: 1 !important;
@ -868,18 +865,30 @@
background-position-y: bottom;
}
:root[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::before,
:root:not([gtktiledwindow="true"]) tab[visuallyselected] > stack::before {
tab[visuallyselected] > stack::before {
left: var(--tab-corner-position) !important;
background-image: url(./icons/tab-bottom-corner-left.svg);
}
:root[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::after,
:root:not([gtktiledwindow="true"]) tab[visuallyselected] > stack::after {
tab[visuallyselected] > stack::after {
left: auto;
right: var(--tab-corner-position);
background-image: url(./icons/tab-bottom-corner-right.svg);
}
@media (-moz-gtk-csd-available) {
/* Don't enabled at GTK */
:root:not([customizing="true"])[lwtheme="true"] tab[visuallyselected] > stack::before,
:root:not([customizing="true"])[lwtheme="true"] tab[visuallyselected] > stack::after {
content: "" !important;
}
}
@media not (-moz-gtk-csd-available) {
:root:not([customizing="true"]) tab[visuallyselected] > stack::before,
:root:not([customizing="true"]) tab[visuallyselected] > stack::after {
content: "" !important;
}
}
/** Unselected Tab - Divide line ********************************************/
#tabbrowser-arrowscrollbox {
position: absolute;