Merge pull request opf#7941 from opf/fix/31700/project-list--ios-zoom

[31700] Fix: iOS zoom in effect on form fields
traal-devel · Dec 16, 2019 · e139c50 · e139c50
2 parents 6e8887c + 9381139
commit e139c50
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/app/assets/stylesheets/content/_forms_mobile.sass b/app/assets/stylesheets/content/_forms_mobile.sass
@@ -66,7 +66,7 @@
   autocomplete-select-decoration
     width: 100%
 
-  html.-browser-safari
+  .-browser-safari
     // Special rule for mobile safari to prevent zooming into the text field
     // when focussed.
     select,
@@ -84,5 +84,5 @@
     input[type="url"],
     input[type="search"],
     input[type="tel"],
-    input[type="color"]
-      font-size: 16px
+    input[type="color"],
+      font-size: 16px !important
diff --git a/frontend/src/app/modules/global_search/input/global-search-input-mobile.component.sass b/frontend/src/app/modules/global_search/input/global-search-input-mobile.component.sass
@@ -45,8 +45,6 @@ $search-input-height-mobile: 36px
 
         .ng-input input
           height: 36px
-          // The font-size is necessary to avoid iOS to zoom in when being focused
-          font-size: 16px
 
     .top-menu-search--back-button
       display: initial