diff --git a/src/vs/workbench/electron-browser/media/clear.svg b/src/vs/workbench/electron-browser/media/clear.svg new file mode 100644 index 0000000000000000000000000000000000000000..c2f3e0271001f17854afc263ffcf8ac05c8e56a9 --- /dev/null +++ b/src/vs/workbench/electron-browser/media/clear.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/vs/workbench/electron-browser/media/shell.css b/src/vs/workbench/electron-browser/media/shell.css index ffc7a7e071b6252b83966bf72b199bfdb0e6d9b9..416fecae0572635002b4965f8a57121c86cdce27 100644 --- a/src/vs/workbench/electron-browser/media/shell.css +++ b/src/vs/workbench/electron-browser/media/shell.css @@ -62,6 +62,21 @@ opacity: 1 !important; } +.monaco-shell.vs input[type="search"]::-webkit-search-decoration, +.monaco-shell.vs input[type="search"]::-webkit-search-results-button, +.monaco-shell.vs input[type="search"]::-webkit-search-results-decoration { + display: none; +} + +.monaco-shell.vs input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; + height: 18px; + width: 18px; + background-image: url('clear.svg'); + background-repeat: no-repeat; + background-position: center center; +} + .monaco-shell.vs-dark [tabindex="0"]:focus, .monaco-shell.vs-dark .synthetic-focus, .monaco-shell.vs-dark select:focus, diff --git a/src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css b/src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css index 84dc7fe755c650ea5bea0dfcff2aa669f7be8e40..896d681b72683132bdd935dbe15480578a8429cd 100644 --- a/src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css +++ b/src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css @@ -22,16 +22,6 @@ -webkit-appearance: textfield; } -.extensions-viewlet > .header > .search-box::-webkit-search-decoration, -.extensions-viewlet > .header > .search-box::-webkit-search-results-button, -.extensions-viewlet > .header > .search-box::-webkit-search-results-decoration { - display: none; -} - -.extensions-viewlet > .header > .search-box:focus { - outline: none; -} - .extensions-viewlet > .extensions { height: calc(100% - 38px); }