Ported iOS hacks from global assets

malmostad · Jun 18, 2014 · d2285a2 · d2285a2
1 parent 17462e1
commit d2285a2
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/app/assets/javascripts/utils.js.coffee b/app/assets/javascripts/utils.js.coffee
@@ -0,0 +1,3 @@
+jQuery ($) ->
+  if "ontouchstart" of window
+    $("body").addClass "touch"
diff --git a/app/assets/stylesheets/hacks.css.scss b/app/assets/stylesheets/hacks.css.scss
@@ -0,0 +1,24 @@
+// Prevent iPhone auto zoom on field focus
+@media (max-width: 46em) {
+  body.touch {
+    select,
+    option,
+    textarea,
+    input[type='text'],
+    input[type='password'],
+    input[type='datetime'],
+    input[type='datetime-local'],
+    input[type='date'],
+    input[type='month'],
+    input[type='time'],
+    input[type='week'],
+    input[type='number'],
+    input[type='email'],
+    input[type='url'],
+    input[type='search'],
+    input[type='tel'],
+    input[type='color'] {
+      font-size: 16px !important;
+    }
+  }
+}