jeans/arduino-ide
jeans/arduino-ide
1
0
Fork 0
mirror of https://github.com/arduino/arduino-ide.git synced 2025-07-08 11:56:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
arduino-ide-extension/src/browser/style/boards-config-dialog.css
View File

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

1
arduino-ide-extension/src/browser/widgets/arduino-select.tsx
View File

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