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

Added additional toolbar to the right of the toppanel.

Browse Source 
Added Toolbar button for toggling serial monitor and tooltips for serial monitor toolbar items.

Signed-off-by: jbicker <jan.bicker@typefox.io>
This commit is contained in:
jbicker
2019-08-15 15:11:31 +02:00
parent 76d0f5a464
commit dd69092afd
5 changed files with 100 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,6 +11,7 @@
cursor: text;
}
#toggle-serial-monitor.arduino-tool-icon:hover,
#arduino-verify.arduino-tool-icon:hover,
#arduino-save-file.arduino-tool-icon:hover,
#arduino-show-open-context-menu.arduino-tool-icon:hover,
@@ -18,6 +19,7 @@
background-position-y: 60px;
}
#toggle-serial-monitor.arduino-tool-icon,
#arduino-verify.arduino-tool-icon,
#arduino-save-file.arduino-tool-icon,
#arduino-show-open-context-menu.arduino-tool-icon,
@@ -54,10 +56,29 @@
background-position-x: 92px;
}
#toggle-serial-monitor {
background: url(../icons/buttons.svg);
background-size: 800%;
background-position-y: 28px;
background-position-x: 28px;
}
.p-TabBar-toolbar .item.arduino-tool-item {
margin-left: 3px;
}
#arduino-toolbar-container {
display: flex;
}
.p-TabBar-toolbar.theia-arduino-toolbar {
flex: 1;
}
#theia-top-panel .p-TabBar-toolbar.theia-arduino-toolbar.right {
justify-content: flex-start;
}
.arduino-tool-item.item.connected-boards {
opacity: 1;
}