Fix search input focus text alignement and overscroll-behavior for re…

…sults (#1891)
elixir-lang · Apr 10, 2024 · 70613c4 · 70613c4
1 parent 08dba8f
commit 70613c4
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 15 deletions.
diff --git a/assets/css/autocomplete.css b/assets/css/autocomplete.css
@@ -107,6 +107,7 @@
   max-height: 450px;
   white-space: normal;
   overflow-x: hidden;
+  overscroll-behavior-y: contain;
 }
 
 .autocomplete-suggestions.previewing:has(.selected) {
@@ -245,4 +246,4 @@
   .autocomplete-results .press-return {
     display: none;
   }
-}
+}
diff --git a/assets/css/search-bar.css b/assets/css/search-bar.css
@@ -25,7 +25,7 @@
 
 .top-search .search-bar .search-input {
   background-color: var(--searchSearch);
-  border: none;
+  border: 1px solid transparent;
   border-radius: 8px;
   color: var(--searchAccentMain);
   position: relative;
@@ -40,7 +40,7 @@
 }
 
 .top-search .search-bar .search-input:focus {
-  border: 1px solid var(--searchBarFocusColor);
+  border-color: var(--searchBarFocusColor);
   border-radius: 8px;
   position: relative;
   box-shadow: 0px 4px 20px 0px var(--searchBarBorderColor) inset;

diff --git a/formatters/html/dist/html-elixir-B222U3A3.css b/formatters/html/dist/html-elixir-B222U3A3.css
diff --git a/formatters/html/dist/html-elixir-ISJZPRP6.css b/formatters/html/dist/html-elixir-ISJZPRP6.css
diff --git a/formatters/html/dist/html-erlang-23BW7JAH.css b/formatters/html/dist/html-erlang-23BW7JAH.css
diff --git a/formatters/html/dist/html-erlang-FPHIRMHP.css b/formatters/html/dist/html-erlang-FPHIRMHP.css