aligned core/lib input style with react-select

made the UI slicker by removing any non- :hover, :select borders.

Signed-off-by: Akos Kitta <kittaakos@typefox.io>
This commit is contained in:
Akos Kitta 2019-12-04 22:39:03 +01:00
parent 12deceef19
commit 92b6208a76
2 changed files with 4 additions and 7 deletions

View File

@ -9,7 +9,6 @@
.arduino-list-widget .search-bar { .arduino-list-widget .search-bar {
margin: 0px 10px 10px 15px; margin: 0px 10px 10px 15px;
border-color: var(--theia-border-color3);
} }
.arduino-list-widget .search-filters { .arduino-list-widget .search-filters {

View File

@ -85,8 +85,8 @@
background: var(--theia-layout-color2); background: var(--theia-layout-color2);
} }
.sms__control:hover { .serial-monitor-select .sms__control:hover {
border-color: var(--theia-accent-color3) !important; border: var(--theia-layout-color2) var(--theia-border-width) solid !important;
} }
.serial-monitor-select .sms__control--is-focused { .serial-monitor-select .sms__control--is-focused {
@ -106,11 +106,9 @@
} }
.serial-monitor-select .sms__menu { .serial-monitor-select .sms__menu {
background-color: var(--theia-layout-color1); background-color: var(--theia-layout-color2);
border: 1px solid var(--theia-layout-color2); border: 1px solid var(--theia-accent-color3);
border-color: var(--theia-accent-color3);
top: auto !important; /* to align the top of the menu with the bottom of the control */ top: auto !important; /* to align the top of the menu with the bottom of the control */
/* border-top: none; */
box-shadow: none; box-shadow: none;
} }