From 70d77878c7180129bc269cd1806acdcb4a1a868d Mon Sep 17 00:00:00 2001
From: Jessica Saavedra <jessicasaavedraval@gmail.com>
Date: Fri, 20 Sep 2024 16:51:10 -0300
Subject: [PATCH] [DOCS] Go back to old search bar design (#10409)

---
 docs/docusaurus/src/css/searchBar.scss | 37 ++++++++++++++------------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/docs/docusaurus/src/css/searchBar.scss b/docs/docusaurus/src/css/searchBar.scss
index af9c47986767..3c4b8b35c3fb 100644
--- a/docs/docusaurus/src/css/searchBar.scss
+++ b/docs/docusaurus/src/css/searchBar.scss
@@ -1,22 +1,7 @@
+@import "sass_variables.scss";
+
 div .custom-search-bar {
   padding: var(--ifm-navbar-item-padding-vertical) 0;
-
-}
-
-.custom-search-bar .DocSearch-Button {
-  background: none;
-
-  &-Placeholder {
-    display: none;
-  }
-
-  &-Container svg path {
-    stroke-width: 3;
-  }
-
-  &-Keys {
-    display: none;
-  }
 }
 
 [data-theme='dark'] .custom-search-bar .DocSearch-Button:hover {
@@ -26,3 +11,21 @@ div .custom-search-bar {
 [data-theme='dark'] .DocSearch-Form {
   background: none;
 }
+
+@media (max-width: $mobile-breakpoint) {
+  .custom-search-bar .DocSearch-Button {
+    background: none;
+
+    &-Placeholder {
+      display: none;
+    }
+
+    &-Container svg path {
+      stroke-width: 3;
+    }
+
+    &-Keys {
+      display: none;
+    }
+  }
+}