fix extension search box in OSX

related to #7946

src/vs/workbench/electron-browser/media/shell.css

@@ -54,6 +54,7 @@
 .monaco-shell.vs select:focus,
 .monaco-shell.vs input[type="button"]:focus,
 .monaco-shell.vs input[type="submit"]:focus,
+.monaco-shell.vs input[type="search"]:focus,
 .monaco-shell.vs input[type="text"]:focus, .monaco-shell.vs textarea:focus,
 .monaco-shell.vs input[type="checkbox"]:focus {
 	outline: 1px solid rgba(0, 122, 204, 0.4);
@@ -66,6 +67,7 @@
 .monaco-shell.vs-dark select:focus,
 .monaco-shell.vs-dark input[type="button"]:focus,
 .monaco-shell.vs-dark input[type="submit"]:focus,
+.monaco-shell.vs-dark input[type="search"]:focus,
 .monaco-shell.vs-dark input[type="text"]:focus, .monaco-shell.vs-dark textarea:focus,
 .monaco-shell.vs-dark input[type="checkbox"]:focus {
 	outline: 1px solid rgba(14, 99, 156, 0.6);
@@ -77,8 +79,8 @@
 .monaco-shell.hc-black .synthetic-focus,
 .monaco-shell.hc-black select:focus,
 .monaco-shell.hc-black input[type="button"]:focus,
-.monaco-shell.hc-black input[type="submit"]:focus,
 .monaco-shell.hc-black input[type="text"]:focus, .monaco-shell.hc-black textarea:focus,
+.monaco-shell.hc-black input[type="search"]:focus,
 .monaco-shell.hc-black input[type="checkbox"]:focus {
 	outline: 2px solid #f38518;
 	outline-offset: -1px;

src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css

@@ -15,9 +15,21 @@
 
 .extensions-viewlet > .header > .search-box {
 	width: 100%;
-	height: 26px;
+	height: 28px;
 	box-sizing: border-box;
-	padding: 0 3px;
+	padding: 4px;
+	border: 1px solid transparent;
+	-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 {
@@ -90,7 +102,3 @@
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }
-
-/*.extensions-viewlet > .extensions .extension > .details {
-	width: 100%;
-}*/
\ No newline at end of file