DOC Fixes nav bar by dynamically changing searchbar size (#22954)

thomasjpfan · web-flow · commit b61e9296b23a · 2022-03-29T18:07:09.000+02:00
diff --git a/doc/themes/scikit-learn-modern/static/css/theme.css b/doc/themes/scikit-learn-modern/static/css/theme.css
@@ -205,6 +205,28 @@ ul.search li div.context {
   ul.search li div.context {
     margin-left: 1rem;
   }
+
+  .sk-search-text-input {
+    width: 5rem;
+  }
+}
+
+@media screen and (min-width: 806px) {
+  .sk-search-text-input {
+    width: 7rem;
+  }
+}
+
+@media screen and (min-width: 820px) {
+  .sk-search-text-input {
+    width: 8rem;
+  }
+}
+
+@media screen and (min-width: 886px) {
+  .sk-search-text-input {
+    width: 12rem;
+  }
 }
 
 ul.search li a {
