diff options
| author | Annabel Dunstone Gray <annabel.m.gray@gmail.com> | 2019-05-28 19:25:55 +0000 |
|---|---|---|
| committer | Annabel Dunstone Gray <annabel.m.gray@gmail.com> | 2019-05-28 19:25:55 +0000 |
| commit | 8b200634c4909f12cd012c3197c4ffbaf50b99d5 (patch) | |
| tree | 5d103506fa4d3cd51b665d20205c770fa3289317 | |
| parent | adfb6d9fbb840a176d944b9ac8e3b88e25d6e045 (diff) | |
| parent | 147c03597a1da243eb69ccd74cbbe7ad617e887e (diff) | |
| download | gitlab-ce-8b200634c4909f12cd012c3197c4ffbaf50b99d5.tar.gz | |
Merge branch '62227-webkit-icon-overlap' into 'master'
Disable webkit icons
Closes #62227
See merge request gitlab-org/gitlab-ce!28833
| -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 |