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

Implemented the Widget

Browse Source 
Re-introduced bottom panel tabs

Signed-off-by: jbicker <jan.bicker@typefox.io>
This commit is contained in:
jbicker
2019-07-26 09:57:42 +02:00
parent 206b65f138
commit 76d0f5a464
14 changed files with 894 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
arduino-ide-extension/src/browser/style/board-select-dialog.css
View File

@@ -196,6 +196,7 @@ button.theia-button.main {
background: #f7f7f7;
border: 3px solid var(--theia-border-color2);
margin: -3px;
z-index: 1000;
}
.arduino-boards-dropdown-item {

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

@@ -1,4 +1,5 @@
@import './list-widget.css';
@import './board-select-dialog.css';
@import './main.css';
@import './editor.css';
@import './editor.css';
@import './serial-monitor.css';

86
arduino-ide-extension/src/browser/style/serial-monitor.css Normal file
View File

@@ -0,0 +1,86 @@
.serial-monitor-container {
height: 100%;
display: flex;
flex-direction: column;
}
.serial-monitor-container .head {
display: flex;
padding: 5px;
background: var(--theia-brand-color2);
height: 27px;
}
.serial-monitor-container .head .send {
display: flex;
flex:1;
}
.serial-monitor-container .head .send .btn {
display: flex;
padding: 0 5px;
align-items: center;
background: var(--theia-brand-color3);
color: var(--theia-ui-dialog-font-color);
}
.serial-monitor-container .head .send form {
flex: 1;
display: flex;
}
.serial-monitor-container .head .send input#serial-monitor-send {
background: var(--theia-layout-color0);
flex: 1;
}
.serial-monitor-container .head .send input:focus {
outline: none;
}
.serial-monitor-container .head .config {
display: flex;
}
.serial-monitor-container .head .config .serial-monitor-select {
margin-left: 5px;
}
#serial-monitor-output-container {
overflow: auto;
flex: 1;
padding: 6px;
}
.p-TabBar-toolbar .item.arduino-monitor {
width: 24px;
justify-content: center;
font-size: medium;
box-sizing: border-box;
}
.p-TabBar-toolbar .item.arduino-monitor.toggled {
border: var(--theia-ui-button-color-hover) var(--theia-border-width) solid;
}
.p-TabBar-toolbar .item .clear-all {
background: var(--theia-icon-clear) no-repeat;
}
/* React Select Styles */
.serial-monitor-select .sms__control {
border: var(--theia-border-color1) var(--theia-border-width) solid;
}
.serial-monitor-select .sms__option--is-selected {
background-color: var(--theia-ui-button-color-secondary-hover);
color: var(--theia-content-font-color0);
}
.serial-monitor-select .sms__option--is-focused {
background-color: var(--theia-ui-button-color-secondary-hover);
}
.serial-monitor-select .sms__menu {
background-color: var(--theia-layout-color1);
}

3
arduino-ide-extension/src/browser/style/silent-bottom-panel-tabs.css
View File

@@ -1,3 +0,0 @@
.p-Widget.p-TabBar.theia-app-centers.theia-app-bottom .p-TabBar-content-container.ps {
display: none;
}