From bd0594108a1cfd6c11cb8af218dba9b211b44015 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 15 Aug 2023 17:55:02 -0400
Subject: [PATCH] UX: fix compatibility with discourse-header-search (#35)

---
 common/common.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/common/common.scss b/common/common.scss
index 6ed5ad8..6dd4e9c 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -1,3 +1,7 @@
+.before-header-panel-outlet {
+  display: flex;
+}
+
 @if $links_position == "right" {
   .before-header-panel-outlet {
     margin-left: auto;
@@ -38,3 +42,22 @@
 .mobile-view .headerLink--vdo {
   display: none;
 }
+
+// for compatibility with the discourse-header-search component
+
+.floating-search-input-wrapper {
+  flex: 1 1 auto;
+  margin: 0 1em;
+  @if $links_position == "left" {
+    order: 2;
+  }
+
+  .floating-search-input {
+    width: 100%;
+    margin: 0;
+  }
+
+  .search-menu {
+    width: 100% !important; // overrides very specific selector
+  }
+}