in responsive layouts <767px, ensure inputs are not larger than 100% with box-sizing and a max-width

2026-05-21 13:24:08 +03:00 · 2012-03-11 14:41:52 -07:00
parent bf6cdff88a
commit a97b9c1122
5 changed files with 23 additions and 0 deletions
@@ -168,6 +168,16 @@
    width: auto;
    margin: 0;
  }
+  input,
+  textarea,
+  select,
+  .uneditable-input {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    max-width: 100%;
+  }
 }
@media (min-width: 768px) and (max-width: 979px) {
  .row {