From c38bbdf88a3bcd6f464f976cb5cfbfb58ecd433e Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Thu, 2 Nov 2023 07:55:58 +0200
Subject: [PATCH] UX: update search menu styling to cmd-k style (#24181)

* UX: update search menu styling to cmd-k style

* put back focus style
---
 .../stylesheets/common/base/search-menu.scss  | 23 ++++++++-----------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/app/assets/stylesheets/common/base/search-menu.scss b/app/assets/stylesheets/common/base/search-menu.scss
index a198af92db9..160e3b24d8a 100644
--- a/app/assets/stylesheets/common/base/search-menu.scss
+++ b/app/assets/stylesheets/common/base/search-menu.scss
@@ -22,15 +22,16 @@ $search-pad-horizontal: 0.5em;
 
   .search-input {
     position: relative;
-    margin: 1px;
     display: flex;
     align-items: center;
-    border: 1px solid var(--primary-medium);
-    border-radius: var(--d-border-radius-large);
+    background: var(--secondary-very-high);
+    border-radius: var(--d-input-border-radius);
+    margin: 1px;
+    padding: 0.25rem;
 
     input#search-term {
-      border-width: 0;
-      border-radius: var(--d-border-radius-large);
+      background: none;
+      border: 0;
       margin-bottom: 0;
       width: auto;
       flex-grow: 1;
@@ -57,8 +58,10 @@ $search-pad-horizontal: 0.5em;
     }
   }
 
-  input[type="text"] {
-    margin-right: 0px;
+  .menu-panel {
+    border: 0;
+    box-shadow: var(--shadow-dropdown);
+    padding: 1rem;
   }
 
   &.menu-panel-results {
@@ -77,7 +80,6 @@ $search-pad-horizontal: 0.5em;
     display: flex;
     flex-direction: column;
     padding-top: $search-pad-vertical;
-    padding-bottom: $search-pad-vertical;
 
     .list {
       min-width: 100px;
@@ -312,11 +314,6 @@ $search-pad-horizontal: 0.5em;
   }
 
   .searching {
-    position: absolute;
-    top: $search-pad-vertical + 0.2em;
-    right: $search-pad-horizontal;
-    min-height: 20px;
-
     .spinner {
       width: 12px;
       height: 12px;