jeans/arduino-ide
jeans/arduino-ide
1
0
Fork 0
mirror of https://github.com/arduino/arduino-ide.git synced 2025-07-09 04:16:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added icon, changed appearance of active toolbar item

Browse Source 
Signed-off-by: jbicker <jan.bicker@typefox.io>
This commit is contained in:
jbicker 2019-08-15 16:32:34 +02:00
parent dd69092afd
commit 6d2816a7f3
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
arduino-ide-extension/src/browser/monitor/monitor-widget.tsx
View File

@ -131,6 +131,7 @@ export class MonitorWidget extends ReactWidget {
this.id = MonitorWidget.ID; this.id = MonitorWidget.ID;
this.title.label = 'Serial Monitor'; this.title.label = 'Serial Monitor';
this.title.iconClass = 'arduino-serial-monitor-tab-icon';
this.lines = []; this.lines = [];
this.tempData = ''; this.tempData = '';

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

@ -83,7 +83,7 @@
opacity: 1; opacity: 1;
} }
.arduino-tool-item.item.connected-boards select { .arduino-tool-item.item.connected-boards select {
line-height: var(--theia-content-line-height); line-height: var(--theia-content-line-height);
font-size: var(--theia-ui-font-size1); font-size: var(--theia-ui-font-size1);
color: var(--theia-ui-font-color1); color: var(--theia-ui-font-color1);

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

@ -1,3 +1,10 @@
.p-TabBar.theia-app-centers .p-TabBar-tabIcon.arduino-serial-monitor-tab-icon {
background: url(../icons/buttons.svg);
background-size: 800%;
background-position-y: 41px;
background-position-x: 19px;
}
.serial-monitor-container { .serial-monitor-container {
height: 100%; height: 100%;
display: flex; display: flex;
@ -60,7 +67,7 @@
} }
.p-TabBar-toolbar .item.arduino-monitor.toggled { .p-TabBar-toolbar .item.arduino-monitor.toggled {
border: var(--theia-ui-button-color-hover) var(--theia-border-width) solid; background: var(--theia-brand-color2);
} }
.p-TabBar-toolbar .item .clear-all { .p-TabBar-toolbar .item .clear-all {