diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2020-04-01 08:53:07 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-04-01 08:53:07 +0300 |
commit | 1b575c27cd654a3af82e056af15f7621cbfa6eee (patch) | |
tree | defbfea898aea38c759894deb907dad8b4fca957 /scss | |
parent | f7ed579d91d92aff3bee8358d3de3a5a35246b3d (diff) |
Backport #30353 (#30361)
Remove appearance from date inputs
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_forms.scss | 9 | ||||
-rw-r--r-- | scss/_reboot.scss | 12 |
2 files changed, 9 insertions, 12 deletions
diff --git a/scss/_forms.scss b/scss/_forms.scss index b2edb7b27b..66a4efe1d4 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -59,6 +59,15 @@ } } +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + &.form-control { + appearance: none; // Fix appearance for date inputs in Safari + } +} + select.form-control { &:focus::-ms-value { // Suppress the nested default white text on blue background highlight given to diff --git a/scss/_reboot.scss b/scss/_reboot.scss index b6c98ccd77..e9b5a7eddd 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -376,18 +376,6 @@ input[type="checkbox"] { } -input[type="date"], -input[type="time"], -input[type="datetime-local"], -input[type="month"] { - // Remove the default appearance of temporal inputs to avoid a Mobile Safari - // bug where setting a custom line-height prevents text from being vertically - // centered within the input. - // See https://bugs.webkit.org/show_bug.cgi?id=139848 - // and https://github.com/twbs/bootstrap/issues/11266 - -webkit-appearance: listbox; -} - textarea { overflow: auto; // Remove the default vertical scrollbar in IE. // Textareas should really only resize vertically so they don't break their (horizontal) containers. |