From d45baf3165b580ffb14dec615571462d8cb1edb0 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sat, 11 Dec 2021 10:44:21 +0200
Subject: [PATCH] make integrated-searchbar-popup radius a bit easier to adjust

---
 chrome/integrated_searchbar_popup.css | 28 ++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/chrome/integrated_searchbar_popup.css b/chrome/integrated_searchbar_popup.css
index 1939902..ddea2d6 100644
--- a/chrome/integrated_searchbar_popup.css
+++ b/chrome/integrated_searchbar_popup.css
@@ -7,28 +7,34 @@ See the above repository for updates as well as full license text. */
  * to make the popup border show properly, or make the border use other color.
  */
 
+#PopupSearchAutoComplete,
+#searchbar{
+   /* text input is clipped if this is too large compared to font-size. */
+    --uc-searchbar-border-radius: 6px;
+}
+
 #PopupSearchAutoComplete{
-  --uc-panel-radius: 0 0 10px 10px;
-  --uc-slot-radius: 0 0 6px 6px;
-  --uc-panel-border: 0px;
+  --uc-inner-margin: 6px;
+  --uc-searchbar-border-outer-radius: calc(var(--uc-searchbar-border-radius) + var(--uc-inner-margin));
   --arrowpanel-border-color: transparent !important;
-  border-radius: var(--uc-panel-radius) !important;
-  margin-top: -3px;
+  margin-top: calc(1px - var(--uc-searchbar-border-radius));
   outline: 2px solid var(--toolbar-field-focus-border-color) !important;
   outline-offset: -8px;
   -moz-window-shadow: none !important;
-  margin-inline: -6px;
-  padding-inline: 6px;
+  margin-inline: calc(0px - var(--uc-inner-margin));
+  padding-inline: var(--uc-inner-margin);
   margin-bottom: -6px;
   padding-bottom: 6px;
-  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.13));
+  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.2));
   background: transparent !important;
+  border-radius: 0 0 var(--uc-searchbar-border-outer-radius) var(--uc-searchbar-border-outer-radius) !important;
 }
 
-slot[part="content"]{
-  border-radius: var(--uc-slot-radius,var(--panel-border-radius)) !important;
-}
+#searchbar:focus-within{ border-radius: var(--uc-searchbar-border-radius) !important; }
 
+slot{
+  border-radius: 0 0 var(--uc-searchbar-border-radius) var(--uc-searchbar-border-radius) !important;
+}
 #PopupSearchAutoComplete::before{
   height: 8px;
   background: var(--toolbar-field-focus-background-color);