DOC Fixes nav bar by dynamically changing searchbar size (scikit-learn#22954) (scikit-learn#23058)

thomasjpfan · web-flow · commit baf828ca126b · 2022-04-06T10:41:35.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
@@ -201,6 +201,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 {
