fix(archive): Fix inconsistent search bar style on mobile devices (#1165

) Co-authored-by: mergify[bot] <37929162+mergify[bot]@users.noreply.github.com>
box · Jan 29, 2020 · e058a8e · e058a8e
1 parent 7d9f4c8
commit e058a8e
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/lib/viewers/archive/SearchBar.scss b/src/lib/viewers/archive/SearchBar.scss
@@ -13,6 +13,8 @@
         width: 100%;
         height: 36px; // fix IE 11 doesn't respect line-height
         font: inherit;
+        /* stylelint-disable-next-line property-no-vendor-prefix */
+        -webkit-appearance: none; // fix iOS Safari search bar rounded corner
 
         &::-webkit-search-cancel-button,
         &::-webkit-search-results-button {