From d262c2c274d8da306c849b1ac8c532bd098c76b6 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Tue, 27 Apr 2021 17:12:09 +0900
Subject: [PATCH] Add: @coekuss quietfox's bottom rounding coners

---
 userChrome.css | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/userChrome.css b/userChrome.css
index cf308a0..64b34f3 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -49,6 +49,41 @@
     box-shadow: 0 0 1px var(--toolbar-color) !important;
   }
 
+  /* Selected Tab - Bottom Rounded Corner */
+  tab {
+    --tab-corner-rounding: 8px;
+    --animation-speed: 0.15s;
+  }
+
+  /* Bottom corner rounding for tabs, Remove this section if your tab bottom corners look bad */
+  tab[visuallyselected] .tab-background::before,
+  tab[visuallyselected] .tab-background::after {
+    content: "" !important;
+    display: inline !important;
+    position: absolute !important;
+    width: var(--tab-corner-rounding) !important;
+    height: var(--tab-corner-rounding) !important;
+    bottom: -1px !important;
+    pointer-events: none !important;
+    background-color: transparent !important;
+    transition: var(--animation-speed) !important;
+  }
+
+  tab[visuallyselected] .tab-background::before {
+    border-bottom-right-radius: var(--tab-corner-rounding) !important;
+    transform: translateX(calc(-1 * var(--tab-corner-rounding))) !important;
+    box-shadow: 4px 4px 0px 4px var(--toolbar-bgcolor) !important;
+    transition: var(--animation-speed) !important;
+  }
+
+  tab[visuallyselected] .tab-background::after {
+    border-bottom-left-radius: var(--tab-corner-rounding) !important;
+    right: 0px !important;
+    transform: translateX(calc(var(--tab-corner-rounding) + 1px)) !important;
+    box-shadow: -4px 4px 0px 4px var(--toolbar-bgcolor) !important;
+    transition: var(--animation-speed) !important;
+  }
+
   /* Unselected Tab - Divide line */
   .tab-content::before,
   .tab-content::after {