diff options
| author | Neeraj Kumar Das <nkdas91@gmail.com> | 2022-04-06 20:37:54 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-04-06 20:37:54 +0300 |
| commit | a7153567e13c81c5cda749c67f9f8f93977cde70 (patch) | |
| tree | ded7eeb728c9eb4bd96521107097273f1d86b035 | |
| parent | f948974ca3b53b827795e697f568c2f29e47e078 (diff) | |
Bring back webkit calendar picker indicator for datalists (#35406)
* Bring back webkit calendar picker indicator for datalists
* Replace webkit datalist indicator with Bootstrap Icons
* Use default datalist icons on date or time inputs in Chrome
Remove the dropdown arrow from text type inputs
* Bundlewatch
Co-authored-by: Mark Otto <markdotto@gmail.com>
| -rw-r--r-- | .bundlewatch.config.json | 2 | ||||
| -rw-r--r-- | scss/_reboot.scss | 6 |
2 files changed, 4 insertions, 4 deletions
diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index a4c84cfc5d..94f1e41397 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -30,7 +30,7 @@ }, { "path": "./dist/css/bootstrap.min.css", - "maxSize": "25.7 kB" + "maxSize": "25.75 kB" }, { "path": "./dist/js/bootstrap.bundle.js", diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 81884c7195..ed422f7538 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -438,11 +438,11 @@ select { } } -// Remove the dropdown arrow in Chrome from inputs built with datalists. +// Remove the dropdown arrow only from text type inputs built with datalists in Chrome. // See https://stackoverflow.com/a/54997118 -[list]::-webkit-calendar-picker-indicator { - display: none; +[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { + display: none !important; } // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` |