From d1b0d64f09efaf1736bb95717cc4c95e352480b3 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Fri, 10 Dec 2021 16:01:50 +0200
Subject: [PATCH] create integrated_searchbar_popup.css

---
 chrome/integrated_searchbar_popup.css | 40 +++++++++++++++++++++++++++
 html_resources/tagmap.json            |  3 +-
 tags.csv                              |  1 +
 3 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 chrome/integrated_searchbar_popup.css

diff --git a/chrome/integrated_searchbar_popup.css b/chrome/integrated_searchbar_popup.css
new file mode 100644
index 0000000..1939902
--- /dev/null
+++ b/chrome/integrated_searchbar_popup.css
@@ -0,0 +1,40 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/integrated_searchbar_popup.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* This makes the searchbar popup look integrated into the searchbar,
+ * kinda like urlbar popup looks.
+ * Go to about:config and enable color-mix with layout.css.color-mix.enabled
+ * to make the popup border show properly, or make the border use other color.
+ */
+
+#PopupSearchAutoComplete{
+  --uc-panel-radius: 0 0 10px 10px;
+  --uc-slot-radius: 0 0 6px 6px;
+  --uc-panel-border: 0px;
+  --arrowpanel-border-color: transparent !important;
+  border-radius: var(--uc-panel-radius) !important;
+  margin-top: -3px;
+  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-bottom: -6px;
+  padding-bottom: 6px;
+  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.13));
+  background: transparent !important;
+}
+
+slot[part="content"]{
+  border-radius: var(--uc-slot-radius,var(--panel-border-radius)) !important;
+}
+
+#PopupSearchAutoComplete::before{
+  height: 8px;
+  background: var(--toolbar-field-focus-background-color);
+  border-inline: 2px solid var(--toolbar-field-focus-border-color);
+  display: -moz-box;
+  content: "";
+  position: relative;
+  z-index: 2;
+}
\ No newline at end of file
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 4eb6e16..a1752a9 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -145,5 +145,6 @@
 "window_control_fallback_for_custom_windows_theme.css":["window-control","buttons","colors","patch"],
 "window_control_placeholder_support.css":["window-control","patch"],
 "urlbar_info_icons_on_hover.css":["autohide","icon","urlbar","minimal"],
-"page_action_buttons_on_urlbar_hover.css":["urlbar","icon","minimal","autohide"]
+"page_action_buttons_on_urlbar_hover.css":["urlbar","icon","minimal","autohide"],
+"integrated_searchbar_popup.css":["popup","colors"]
 }
diff --git a/tags.csv b/tags.csv
index 249e63a..8977d00 100644
--- a/tags.csv
+++ b/tags.csv
@@ -145,3 +145,4 @@ window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colo
 window_control_placeholder_support.css,window-control,patch
 urlbar_info_icons_on_hover.css,autohide,icon,urlbar,minimal
 page_action_buttons_on_urlbar_hover.css,urlbar,icon,minimal,autohide
+integrated_searchbar_popup.css,popup,colors