From fa01a3bd6352b33a21c5166aa4d32bc8276db4a9 Mon Sep 17 00:00:00 2001
From: bmFtZQ <62812711+bmFtZQ@users.noreply.github.com>
Date: Fri, 24 Nov 2023 20:15:52 +0800
Subject: [PATCH] Fix bottom rounded corners of tabs #111

The bottom left corner of a tab can overlap the currently selected tab
if hovered over, this fixes the issue.
---
 chrome/toolbar/tabbar.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css
index de34c55..9c12b3b 100644
--- a/chrome/toolbar/tabbar.css
+++ b/chrome/toolbar/tabbar.css
@@ -82,6 +82,14 @@
   }
 }
 
+.tabbrowser-tab:where([selected], [multiselected], :hover) + .tabbrowser-tab:not([selected]) .tab-background {
+  border-bottom-left-radius: var(--tab-border-radius) !important;
+
+  &::before {
+    --uc-tab-corner-bg: transparent !important;
+  }
+}
+
 .tab-background:is([selected], [multiselected]) {
   --uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)));
 }