From 61ad510644b155eacf2bc4969430b8d0c24339a9 Mon Sep 17 00:00:00 2001
From: Mehul Mathur <mathur.mehul01@gmail.com>
Date: Sat, 2 Nov 2024 15:58:10 +0530
Subject: [PATCH] chore: navbar items hover state (#545)

---
 src/css/custom.css             |  2 ++
 src/theme/SearchBar/styles.css | 36 ++++++++++++++++------------------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index aad42c91f9..9e624eee06 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -330,7 +330,9 @@ input[type="radio"]:checked::before {
 }
 
 .navbar__item.navbar__link:hover {
+  background-color: #f3f3f3;
   color: var(--ifm-color-gray-900);
+  border-radius: 6px;
 }
 
 .navbar__item.navbar__link.navbar__link--active {
diff --git a/src/theme/SearchBar/styles.css b/src/theme/SearchBar/styles.css
index 7b7b1c36de..f4bde2668e 100644
--- a/src/theme/SearchBar/styles.css
+++ b/src/theme/SearchBar/styles.css
@@ -10,15 +10,11 @@
 
 .DocSearch-Button {
   margin: 0;
-  /* width: 85%;
-  margin: 10px; 
-  border: 1px solid black;
-  border-radius: 8px; */
   box-shadow: none !important;
   background: transparent;
   padding: 0;
-  height: 44px;
-  cursor: text;
+  height: 33px;
+  cursor: pointer;
   transition: all var(--ifm-transition-fast) var(--ifm-transition-timing-default);
   overflow: clip;
 }
@@ -295,19 +291,25 @@
   display: none;
 }
 
+.search-icon-navbar {
+  padding: 0 !important;
+}
+
 @media only screen and (min-width: 996px) {
-  /* .DocSearch-Button {
-    padding-top: 1.3rem;
-    padding-bottom: 1.3rem;
-    padding-left: 0.6rem;
-    padding-right: 0.6rem; 
-    margin-top: 1.3rem;
-    margin-bottom: 1.3rem; 
-    border: 1px solid var(--ifm-color-gray-800); 
-  } */
   .DocSearch-Button-Placeholder {
     display: block;
   }
+
+  .search-icon-navbar {
+    padding: 0rem 0.5rem !important;
+  }
+
+  .search-icon-navbar:hover,
+  .DocSearch-Button:hover {
+    background: #f3f3f3;
+    color: var(--ifm-color-gray-900);
+    border-radius: 6px;
+  }
 }
 
 .DocSearch-Button-Keys kbd.DocSearch-Button-Key:first-child {
@@ -318,10 +320,6 @@
   display: none;
 }
 
-.search-icon-navbar {
-  padding: 0 !important;
-}
-
 .DocSearch-Search-Icon {
   cursor: pointer;
   stroke-width: 2px;