aligned core/lib input style with react-select

Akos Kitta · Akos Kitta · commit 92b6208a7677 · 2019-12-10T12:02:16.000+01:00
made the UI slicker by removing any non- :hover, :select borders.

Signed-off-by: Akos Kitta &lt;kittaakos@typefox.io&gt;
diff --git a/arduino-ide-extension/src/browser/style/list-widget.css b/arduino-ide-extension/src/browser/style/list-widget.css
@@ -9,7 +9,6 @@
 
 .arduino-list-widget .search-bar {
     margin: 0px 10px 10px 15px;
-    border-color: var(--theia-border-color3);
 }
 
 .arduino-list-widget .search-filters {
diff --git a/arduino-ide-extension/src/browser/style/monitor.css b/arduino-ide-extension/src/browser/style/monitor.css
@@ -85,8 +85,8 @@
     background: var(--theia-layout-color2);
 }
 
-.sms__control:hover {
-    border-color: var(--theia-accent-color3) !important;
+.serial-monitor-select .sms__control:hover {
+    border: var(--theia-layout-color2) var(--theia-border-width) solid !important;
 }
 
 .serial-monitor-select .sms__control--is-focused {
@@ -106,11 +106,9 @@
 }
 
 .serial-monitor-select .sms__menu {
-    background-color: var(--theia-layout-color1);
-    border: 1px solid var(--theia-layout-color2);
-    border-color: var(--theia-accent-color3);
+    background-color: var(--theia-layout-color2);
+    border: 1px solid var(--theia-accent-color3);
     top: auto !important; /* to align the top of the menu with the bottom of the control */
-    /* border-top: none; */
     box-shadow: none;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,6 @@`
`9`	`9`
`10`	`10`	`.arduino-list-widget .search-bar {`
`11`	`11`	`margin: 0px 10px 10px 15px;`
`12`		`- border-color: var(--theia-border-color3);`
`13`	`12`	`}`
`14`	`13`
`15`	`14`	`.arduino-list-widget .search-filters {`
Original file line number	Diff line number	Diff line change
`@@ -85,8 +85,8 @@`
`85`	`85`	`background: var(--theia-layout-color2);`
`86`	`86`	`}`
`87`	`87`
`88`		`-.sms__control:hover {`
`89`		`- border-color: var(--theia-accent-color3) !important;`
	`88`	`+.serial-monitor-select .sms__control:hover {`
	`89`	`+ border: var(--theia-layout-color2) var(--theia-border-width) solid !important;`
`90`	`90`	`}`
`91`	`91`
`92`	`92`	`.serial-monitor-select .sms__control--is-focused {`
`@@ -106,11 +106,9 @@`
`106`	`106`	`}`
`107`	`107`
`108`	`108`	`.serial-monitor-select .sms__menu {`
`109`		`- background-color: var(--theia-layout-color1);`
`110`		`- border: 1px solid var(--theia-layout-color2);`
`111`		`- border-color: var(--theia-accent-color3);`
	`109`	`+ background-color: var(--theia-layout-color2);`
	`110`	`+ border: 1px solid var(--theia-accent-color3);`
`112`	`111`	`top: auto !important; /* to align the top of the menu with the bottom of the control */`
`113`		`- /* border-top: none; */`
`114`	`112`	`box-shadow: none;`
`115`	`113`	`}`
`116`	`114`