From dbab47f2eb57882166bd20372adb0e03a1d722ce Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 20 Aug 2021 12:05:23 +0900 Subject: [PATCH] Clean: Bottom Rounded Corner - Refactor --- userChrome.css | 27 ++++++++++++++++++--------- 1 file changed, 18 insertions(+), 9 deletions(-) diff --git a/userChrome.css b/userChrome.css index dd58abc..60e88e1 100644 --- a/userChrome.css +++ b/userChrome.css @@ -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;