Added icon, changed appearance of active toolbar item

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

View File

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

View File

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

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 {
height: 100%;
display: flex;
@ -60,7 +67,7 @@
}
.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 {