From 776e148df97f0aad78fbc277823fca036ebb0a5b Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Sat, 12 Nov 2022 18:18:08 +0900
Subject: [PATCH] Fix: Bottom Rounded Corner - Edge, Chrome, Chrome Legacy
 background clip

---
 css/leptonChrome.css                                    | 2 +-
 icons/tab-bottom-corner-left-chrome.svg                 | 8 +++++++-
 icons/tab-bottom-corner-left-chromeLegacy.svg           | 8 +++++++-
 icons/tab-bottom-corner-left-edge.svg                   | 8 +++++++-
 icons/tab-bottom-corner-right-chrome.svg                | 8 +++++++-
 icons/tab-bottom-corner-right-chromeLegacy.svg          | 8 +++++++-
 icons/tab-bottom-corner-right-edge.svg                  | 8 +++++++-
 src/tab/selected_tab/_bottom_rounded_corner_others.scss | 2 +-
 8 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index f66ee00..13f96c6 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -6748,7 +6748,7 @@
         --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-edge-soft.svg");
         --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg");
         --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg");
-        --uc-tab-corner-size: 16px;
+        --uc-tab-corner-size: 8px;
       }
     }
 
diff --git a/icons/tab-bottom-corner-left-chrome.svg b/icons/tab-bottom-corner-left-chrome.svg
index 12bbdf4..987117d 100644
--- a/icons/tab-bottom-corner-left-chrome.svg
+++ b/icons/tab-bottom-corner-left-chrome.svg
@@ -1,3 +1,9 @@
 <svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
-  <path stroke="context-stroke" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 18 0 A 9 9 0 0 0 16.71875 0.091796875 A 9 9 0 0 0 15.464844 0.36523438 A 9 9 0 0 0 14.261719 0.8125 A 9 9 0 0 0 13.134766 1.4296875 A 9 9 0 0 0 12.105469 2.1992188 A 9 9 0 0 0 11.199219 3.1054688 A 9 9 0 0 0 10.429688 4.1347656 A 9 9 0 0 0 9.8125 5.2617188 A 9 9 0 0 0 9.3652344 6.4648438 A 9 9 0 0 0 9.0917969 7.71875 A 9 9 0 0 0 9 9 L 9 27 A 9 9 0 0 1 8.9082031 28.28125 A 9 9 0 0 1 8.6347656 29.535156 A 9 9 0 0 1 8.1875 30.738281 A 9 9 0 0 1 7.5703125 31.865234 A 9 9 0 0 1 6.8007812 32.894531 A 9 9 0 0 1 5.8945312 33.800781 A 9 9 0 0 1 4.8652344 34.570312 A 9 9 0 0 1 3.7382812 35.1875 A 9 9 0 0 1 2.5351562 35.634766 A 9 9 0 0 1 1.28125 35.908203 A 9 9 0 0 1 0 36 L 9 36 L 18 36 L 18 9 L 18 0 z"/>
+  <defs>
+    <path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 18 0 A 9 9 0 0 0 16.71875 0.091796875 A 9 9 0 0 0 15.464844 0.36523438 A 9 9 0 0 0 14.261719 0.8125 A 9 9 0 0 0 13.134766 1.4296875 A 9 9 0 0 0 12.105469 2.1992188 A 9 9 0 0 0 11.199219 3.1054688 A 9 9 0 0 0 10.429688 4.1347656 A 9 9 0 0 0 9.8125 5.2617188 A 9 9 0 0 0 9.3652344 6.4648438 A 9 9 0 0 0 9.0917969 7.71875 A 9 9 0 0 0 9 9 L 9 27 A 9 9 0 0 1 8.9082031 28.28125 A 9 9 0 0 1 8.6347656 29.535156 A 9 9 0 0 1 8.1875 30.738281 A 9 9 0 0 1 7.5703125 31.865234 A 9 9 0 0 1 6.8007812 32.894531 A 9 9 0 0 1 5.8945312 33.800781 A 9 9 0 0 1 4.8652344 34.570312 A 9 9 0 0 1 3.7382812 35.1875 A 9 9 0 0 1 2.5351562 35.634766 A 9 9 0 0 1 1.28125 35.908203 A 9 9 0 0 1 0 36 L 9 36 L 18 36 L 18 9 L 18 0 z"/>
+  </defs>
+  <clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
+    <use href="#tabCorner" x="-2" transform="scale(0.065, 0.0277)" />
+  </clipPath>
+  <use href="#tabCorner" />
 </svg>
diff --git a/icons/tab-bottom-corner-left-chromeLegacy.svg b/icons/tab-bottom-corner-left-chromeLegacy.svg
index 01fd923..489aca2 100644
--- a/icons/tab-bottom-corner-left-chromeLegacy.svg
+++ b/icons/tab-bottom-corner-left-chromeLegacy.svg
@@ -1,3 +1,9 @@
 <svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
-  <path stroke="context-stroke" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 0,36 H 9 L 27,0 h 9 v 36 z"/>
+  <defs>
+    <path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 0,36 H 9 L 27,0 h 9 v 36 z"/>
+  </defs>
+  <clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
+    <use href="#tabCorner" x="-3.6" transform="scale(0.0319, 0.0277)" />
+  </clipPath>
+  <use href="#tabCorner" />
 </svg>
diff --git a/icons/tab-bottom-corner-left-edge.svg b/icons/tab-bottom-corner-left-edge.svg
index c99d2d7..85f2837 100644
--- a/icons/tab-bottom-corner-left-edge.svg
+++ b/icons/tab-bottom-corner-left-edge.svg
@@ -1,3 +1,9 @@
 <svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
-  <path stroke="context-stroke" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M12 0a4 4 0 0 0-3.365 1.838A4 4 0 0 0 8 4v24a4 4 0 0 1-1.38 3.023A4 4 0 0 1 4 32h12V0m0 0h-4"/>
+  <defs>
+    <path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M12 0a4 4 0 0 0-3.365 1.838A4 4 0 0 0 8 4v24a4 4 0 0 1-1.38 3.023A4 4 0 0 1 4 32h12V0m0 0h-4"/>
+  </defs>
+  <clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
+    <use href="#tabCorner" x="-4" transform="scale(0.08, 0.0333)" />
+  </clipPath>
+  <use href="#tabCorner" />
 </svg>
diff --git a/icons/tab-bottom-corner-right-chrome.svg b/icons/tab-bottom-corner-right-chrome.svg
index 1a6b3ba..3085046 100644
--- a/icons/tab-bottom-corner-right-chrome.svg
+++ b/icons/tab-bottom-corner-right-chrome.svg
@@ -1,3 +1,9 @@
 <svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
-  <path stroke="context-stroke" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 3.4620099e-4,0 A -9,9 0 0 1 1.2815962,0.09179687 -9,9 0 0 1 2.5355022,0.36523438 -9,9 0 0 1 3.7386272,0.8125 a -9,9 0 0 1 1.126953,0.6171875 -9,9 0 0 1 1.029297,0.7695313 -9,9 0 0 1 0.90625,0.90625 -9,9 0 0 1 0.769531,1.0292968 -9,9 0 0 1 0.617188,1.1269532 -9,9 0 0 1 0.4472656,1.203125 A -9,9 0 0 1 8.9085493,7.71875 -9,9 0 0 1 9.0003462,9 v 18 a -9,9 0 0 0 0.091797,1.28125 -9,9 0 0 0 0.2734375,1.253906 -9,9 0 0 0 0.4472656,1.203125 -9,9 0 0 0 0.6171878,1.126953 -9,9 0 0 0 0.769531,1.029297 -9,9 0 0 0 0.90625,0.90625 -9,9 0 0 0 1.029297,0.769531 -9,9 0 0 0 1.126953,0.617188 -9,9 0 0 0 1.203125,0.447266 -9,9 0 0 0 1.253906,0.273437 A -9,9 0 0 0 18.000346,36 H 9.0003462 3.4620099e-4 V 9 Z"/>
+  <defs>
+    <path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="47 100" fill="context-fill" d="M 3.4620099e-4,0 A -9,9 0 0 1 1.2815962,0.09179687 -9,9 0 0 1 2.5355022,0.36523438 -9,9 0 0 1 3.7386272,0.8125 a -9,9 0 0 1 1.126953,0.6171875 -9,9 0 0 1 1.029297,0.7695313 -9,9 0 0 1 0.90625,0.90625 -9,9 0 0 1 0.769531,1.0292968 -9,9 0 0 1 0.617188,1.1269532 -9,9 0 0 1 0.4472656,1.203125 A -9,9 0 0 1 8.9085493,7.71875 -9,9 0 0 1 9.0003462,9 v 18 a -9,9 0 0 0 0.091797,1.28125 -9,9 0 0 0 0.2734375,1.253906 -9,9 0 0 0 0.4472656,1.203125 -9,9 0 0 0 0.6171878,1.126953 -9,9 0 0 0 0.769531,1.029297 -9,9 0 0 0 0.90625,0.90625 -9,9 0 0 0 1.029297,0.769531 -9,9 0 0 0 1.126953,0.617188 -9,9 0 0 0 1.203125,0.447266 -9,9 0 0 0 1.253906,0.273437 A -9,9 0 0 0 18.000346,36 H 9.0003462 3.4620099e-4 V 9 Z"/>
+  </defs>
+  <clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
+    <use href="#tabCorner" transform="scale(0.065, 0.0277)" />
+  </clipPath>
+  <use href="#tabCorner" />
 </svg>
diff --git a/icons/tab-bottom-corner-right-chromeLegacy.svg b/icons/tab-bottom-corner-right-chromeLegacy.svg
index e4c0688..2aa36f6 100644
--- a/icons/tab-bottom-corner-right-chromeLegacy.svg
+++ b/icons/tab-bottom-corner-right-chromeLegacy.svg
@@ -1,3 +1,9 @@
 <svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
-  <path stroke="context-stroke" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 36,36 H 27 L 9,0 H 0 v 36 z"/>
+  <defs>
+    <path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="59 100" fill="context-fill" d="M 36,36 H 27 L 9,0 H 0 v 36 z"/>
+  </defs>
+  <clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
+    <use href="#tabCorner" transform="scale(0.0319, 0.0277)" />
+  </clipPath>
+  <use href="#tabCorner" />
 </svg>
diff --git a/icons/tab-bottom-corner-right-edge.svg b/icons/tab-bottom-corner-right-edge.svg
index 90d37e0..c386c8f 100644
--- a/icons/tab-bottom-corner-right-edge.svg
+++ b/icons/tab-bottom-corner-right-edge.svg
@@ -1,3 +1,9 @@
 <svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
-  <path stroke="context-stroke" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M4 0a4 4 0 0 1 3.365 1.838A4 4 0 0 1 8 4v24a4 4 0 0 0 1.838 3.365A4 4 0 0 0 12 32H0V0m0 0h4"/>
+  <defs>
+    <path id="tabCorner" stroke="context-stroke" stroke-width="1.5" stroke-dasharray="37, 100" fill="context-fill" d="M4 0a4 4 0 0 1 3.365 1.838A4 4 0 0 1 8 4v24a4 4 0 0 0 1.838 3.365A4 4 0 0 0 12 32H0V0m0 0h4"/>
+  </defs>
+  <clipPath id="svgClipPath" clipPathUnits="objectBoundingBox">
+    <use href="#tabCorner" transform="scale(0.08, 0.0333)" />
+  </clipPath>
+  <use href="#tabCorner" />
 </svg>
diff --git a/src/tab/selected_tab/_bottom_rounded_corner_others.scss b/src/tab/selected_tab/_bottom_rounded_corner_others.scss
index ad1e7ad..8902594 100644
--- a/src/tab/selected_tab/_bottom_rounded_corner_others.scss
+++ b/src/tab/selected_tab/_bottom_rounded_corner_others.scss
@@ -97,7 +97,7 @@
     --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg");
     --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg");
 
-    --uc-tab-corner-size: 16px;
+    --uc-tab-corner-size: 8px; // 16px
   }
 }