Styling of select board and port dialog

Signed-off-by: jbicker <jan.bicker@typefox.io>
This commit is contained in:
jbicker
2019-07-08 13:55:31 +02:00
parent 769689ff6d
commit 4429094139
3 changed files with 54 additions and 18 deletions

View File

@@ -169,7 +169,7 @@ is not optimized for dense, information rich UIs.
/* Dialogs */
--theia-ui-dialog-header-color: var(--theia-arduino-light);
--theia-ui-dialog-header-font-color: var(--theia-inverse-ui-font-color0);
--theia-ui-dialog-color: var(--theia-layout-color0);
--theia-ui-dialog-color: rgb(236, 241, 241);
--theia-ui-dialog-font-color: var(--theia-ui-font-color1);
/* Variables */
--theia-variable-name-color: #9B46B0;

View File

@@ -108,4 +108,36 @@ div#select-board-dialog .selectBoardContainer .head {
div#select-board-dialog .selectBoardContainer .body .list .item.selected {
background: #aaaaaa;
}
#select-board-dialog .selectBoardContainer .body .search input,
#select-board-dialog .selectBoardContainer .body .boards.list,
#select-board-dialog .selectBoardContainer .body .search,
#select-board-dialog .selectBoardContainer .body .ports.list {
background: white;
}
#select-board-dialog .selectBoardContainer .body .search input {
border: none;
width: 100%;
}
#select-board-dialog .selectBoardContainer .body .container {
flex: 1;
}
#select-board-dialog .selectBoardContainer .body .container .content {
margin: 0 5px;
}
#select-board-dialog .selectBoardContainer .body .list .item {
padding: 10px 5px 10px 20px;
}
#select-board-dialog .selectBoardContainer .body .list {
max-height: 265px;
}
#select-board-dialog .selectBoardContainer .body .search {
margin-bottom: 10px;
}