Add comment + remove min-width

mendix · Jun 28, 2018 · 96a3803 · 96a3803
1 parent 4510228
commit 96a3803
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/styles/css/lib/lib.css b/styles/css/lib/lib.css
@@ -259,6 +259,14 @@ select.form-control {
   }
 }
 
+@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
+  input[type=date],
+  input[type=time],
+  input[type=datetime-local],
+  input[type=month] {
+    line-height: 1;
+  }
+}
 /* ==========================================================================
    Alerts
 

diff --git a/styles/sass/lib/components/_inputs.scss b/styles/sass/lib/components/_inputs.scss
@@ -129,11 +129,12 @@ select.form-control {
     }
 }
 
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
+// Fixes alignmcode ent bug on iPads / iPhones where datefield is not aligned vertically
+@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
     input[type=date],
     input[type=time],
     input[type=datetime-local],
     input[type=month] {
         line-height: 1;
     }
-}
+}