Merge pull request #36 from bcmi-labs/board-select-dialog-ui-improvements

Improved layout of "Board Select" and "File Navigator" dialogs
This commit is contained in:
Luca Cipriani 2019-07-22 14:10:34 +02:00 committed by GitHub
commit cf44fe2ad0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions

View File

@ -26,6 +26,8 @@ export class SelectBoardDialog extends AbstractDialog<BoardAndPortSelection> {
this.dialogPanel = new Panel();
this.dialogPanel.addWidget(this.widget);
this.contentNode.classList.add('select-board-dialog');
this.toDispose.push(this.widget.onChanged(() => this.update()));
this.toDispose.push(this.dialogPanel);

View File

@ -85,6 +85,10 @@ div#select-board-dialog .selectBoardContainer .body .list .item.selected i{
overflow-y: auto;
}
#select-board-dialog .selectBoardContainer .body .boards.list {
min-height: 265px;
}
#select-board-dialog .selectBoardContainer .body .search {
margin-bottom: 10px;
display: flex;
@ -92,7 +96,7 @@ div#select-board-dialog .selectBoardContainer .body .list .item.selected i{
padding-right: 5px;
}
.p-Widget.dialogOverlay .dialogBlock {
.p-Widget.dialogOverlay .dialogContent.select-board-dialog {
width: 740px;
}