From 147c03597a1da243eb69ccd74cbbe7ad617e887e Mon Sep 17 00:00:00 2001 From: Jarek Ostrowski Date: Tue, 28 May 2019 11:32:44 -0400 Subject: 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 --- app/assets/stylesheets/pages/search.scss | 10 ++++++++++ changelogs/unreleased/62227-webkit-icon-overlap.yml | 5 +++++ 2 files changed, 15 insertions(+) create mode 100644 changelogs/unreleased/62227-webkit-icon-overlap.yml 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 -- cgit v1.2.1