ATL-878: Fixed boards dropdown with the HC theme.

Signed-off-by: Akos Kitta <kittaakos@typefox.io>
This commit is contained in:
Akos Kitta 2021-02-03 12:14:07 +01:00 committed by Akos Kitta
parent 68b1f8d4f2
commit 71cfa06fc2
2 changed files with 6 additions and 2 deletions

View File

@ -203,12 +203,14 @@ button.theia-button.main {
width: 100%;
overflow: hidden;
margin: 0px 3px 0px 3px;
border: 1px solid var(--theia-dropdown-border);
}
.arduino-boards-dropdown-list {
border: 3px solid var(--theia-activityBar-background);
margin: -3px;
margin: -1px;
z-index: 1;
border: 1px solid var(--theia-dropdown-border);
}
.arduino-boards-dropdown-item {
@ -218,6 +220,7 @@ button.theia-button.main {
cursor: pointer;
color: var(--theia-foreground);
background: var(--theia-tab-unfocusedActiveBackground);
border: 1px solid var(--theia-tab-unfocusedActiveBackground);
}
.arduino-boards-dropdown-item .fa-check {
@ -227,5 +230,5 @@ button.theia-button.main {
.arduino-boards-dropdown-item.selected,
.arduino-boards-dropdown-item:hover {
background: var(--theia-list-hoverBackground);
border: 1px solid var(--theia-focusBorder);
}

View File

@ -51,6 +51,7 @@ export class ArduinoSelect<T> extends Select<T> {
const DropdownIndicator = () => <span className='fa fa-caret-down caret' />;
return <Select
{...this.props}
className='theia-select'
components={{ DropdownIndicator }}
theme={theme}
styles={styles}