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

Styled the input.

Browse Source 
Do not render the widget after a close request.

Signed-off-by: Akos Kitta <kittaakos@typefox.io>
This commit is contained in:
Akos Kitta
2019-12-06 12:50:44 +01:00
parent 2f33038695
commit 80673ad18f
4 changed files with 51 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
arduino-ide-extension/src/browser/style/arduino-select.css
View File

@@ -14,7 +14,7 @@
.arduino-select__option--is-selected {
background-color: var(--theia-accent-color3) !important;
color: var(--theia-content-font-color0) !important;
border-color: var(--theia-accent-color3) !important;
border-color: var(--theia-accent-color3) !important;
}
.arduino-select__option--is-focused {

37
arduino-ide-extension/src/browser/style/index.css
View File

@@ -4,3 +4,40 @@
@import './editor.css';
@import './monitor.css';
@import './arduino-select.css';
input:focus {
outline-width: 1px;
outline-style: solid;
outline-offset: -1px;
opacity: 1 !important;
outline-color: var(--theia-accent-color3);
}
input.warning:focus {
outline-width: 1px;
outline-style: solid;
outline-offset: -1px;
opacity: 1 !important;
color: var(--theia-warn-font-color0);
background-color: var(--theia-warn-color0);
}
input.warning {
background-color: var(--theia-warn-color0);
}
input.warning::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: var(--theia-warn-font-color0);
background-color: var(--theia-warn-color0);
opacity: 1; /* Firefox */
}
input.warning:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: var(--theia-warn-font-color0);
background-color: var(--theia-warn-color0);
}
input.warning::-ms-input-placeholder { /* Microsoft Edge */
color: var(--theia-warn-font-color0);
background-color: var(--theia-warn-color0);
}

4
arduino-ide-extension/src/browser/style/monitor.css
View File

@@ -33,10 +33,6 @@
border-color: var(--theia-accent-color3);
}
.serial-monitor .head .send > input.not-connected {
background-color: var(--theia-warn-color0);
}
.serial-monitor .head .config {
display: flex;
}