Fixed: Don't auto zoom when focusing inputs on mobile devices, namely iOS

2019-01-01 16:34:56 -08:00 · 2019-01-01 16:34:56 -08:00 · c417239652
parent e10c92878d
commit c417239652
2 changed files with 15 additions and 0 deletions
--- a/frontend/src/Styles/scaffolding.css
+++ b/frontend/src/Styles/scaffolding.css
@ -43,3 +43,12 @@ ul {
  margin: 0;
  padding-left: 20px;
 }
+
+@media only screen and (min-device-width: 375px) and (max-device-width: 812px) {
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-size: 16px;
+  }
+}
--- a/frontend/src/login.html
+++ b/frontend/src/login.html
@ -158,6 +158,12 @@
    .hidden {
      display: none;
    }
+
+    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) {
+      .form-input {
+        font-size: 16px;
+      }
+    }
  </style>
 </head>