chore: navbar items hover state (#545)

tailcallhq · Nov 2, 2024 · 61ad510 · 61ad510
1 parent a0af359
commit 61ad510
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git 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
@@ -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;