From 92a5f0e0f28c12e50e7e8993e7c98cf773663da4 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Thu, 27 Sep 2018 16:09:55 +0200 Subject: [PATCH] fix(form-field): native date/time input taller than text input (#13321) Fixes the `type="date"` and `type="time"` inputs inside a form field making the field taller than a `type="input"`. Fixes #13317. --- src/lib/input/input.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/lib/input/input.scss b/src/lib/input/input.scss index ead0f296ee6..4d633036aed 100644 --- a/src/lib/input/input.scss +++ b/src/lib/input/input.scss @@ -76,6 +76,14 @@ } } + // Reduce the size of the native buttons in a date/time input, + // because they can increase the height of the input (see #13317). + &::-webkit-inner-spin-button, + &::-webkit-calendar-picker-indicator, + &::-webkit-clear-button { + font-size: 0.75em; + } + @include input-placeholder { // Delay the transition until the label has animated about a third of the way through, in // order to prevent the placeholder from overlapping for a split second.