fix(input): minimize overlapping on iOS

angular · Apr 29, 2015 · ea81787 · ea81787
1 parent f1df6dc
commit ea81787
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/input/input.scss b/src/components/input/input.scss
@@ -56,6 +56,13 @@ md-input-container {
     -moz-appearance: none;
     -webkit-appearance: none;
   }
+  input[type="date"],
+  input[type="datetime-local"],
+  input[type="month"],
+  input[type="time"],
+  input[type="week"] {
+    min-height: $input-line-height;
+  }
   textarea {
     resize: none;
     overflow: hidden;
@@ -141,6 +148,10 @@ md-input-container {
     font-size: $input-error-font-size;
     line-height: $input-error-height;
 
+    &:not(.md-char-counter) {
+      padding-right: 3rem;
+    }
+
     &.ng-enter {
       transition: $swift-ease-out;
       transition-delay: 0.2s;