diff options
| author | Jarek Ostrowski <jarek.j.ostrowski@gmail.com> | 2019-05-28 18:32:44 +0300 |
|---|---|---|
| committer | Jarek Ostrowski <jarek.j.ostrowski@gmail.com> | 2019-05-28 19:49:33 +0300 |
| commit | 147c03597a1da243eb69ccd74cbbe7ad617e887e (patch) | |
| tree | 7ff91ab9d9c5cba3a96da483452da7ae19fcc389 | |
| parent | df7bebd67c6307d16b2ac495e7cd09f55b39ba16 (diff) | |
Disable webkit icons
Disable webkit icons to make room for our icons.
Add changelog
Fix lint, add ignore to stylelint
Add enable to start lint again
| -rw-r--r-- | app/assets/stylesheets/pages/search.scss | 10 | ||||
| -rw-r--r-- | changelogs/unreleased/62227-webkit-icon-overlap.yml | 5 |
2 files changed, 15 insertions, 0 deletions
diff --git a/app/assets/stylesheets/pages/search.scss b/app/assets/stylesheets/pages/search.scss index 37071a57bb3..dbf600df9d6 100644 --- a/app/assets/stylesheets/pages/search.scss +++ b/app/assets/stylesheets/pages/search.scss @@ -261,3 +261,13 @@ input[type='checkbox']:hover { color: $blue-600; } } + +// Disable webkit input icons, link to solution: https://stackoverflow.com/questions/9421551/how-do-i-remove-all-default-webkit-search-field-styling +/* stylelint-disable property-no-vendor-prefix */ +input[type='search']::-webkit-search-decoration, +input[type='search']::-webkit-search-cancel-button, +input[type='search']::-webkit-search-results-button, +input[type='search']::-webkit-search-results-decoration { + -webkit-appearance: none; +} +/* stylelint-enable */ diff --git a/changelogs/unreleased/62227-webkit-icon-overlap.yml b/changelogs/unreleased/62227-webkit-icon-overlap.yml new file mode 100644 index 00000000000..47d7583f4c2 --- /dev/null +++ b/changelogs/unreleased/62227-webkit-icon-overlap.yml @@ -0,0 +1,5 @@ +--- +title: Add style to disable webkit icons for search inputs +merge_request: 28833 +author: Jarek Ostrowski @jareko +type: fixed |