Improved layout of "Board Select" and "File Navigator" dialogs

Signed-off-by: jbicker <jan.bicker@typefox.io>
This commit is contained in:
jbicker 2019-07-18 11:58:37 +02:00
parent 269f08b74d
commit a6e1c4a93e
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 = new Panel();
this.dialogPanel.addWidget(this.widget); this.dialogPanel.addWidget(this.widget);
this.contentNode.classList.add('select-board-dialog');
this.toDispose.push(this.widget.onChanged(() => this.update())); this.toDispose.push(this.widget.onChanged(() => this.update()));
this.toDispose.push(this.dialogPanel); this.toDispose.push(this.dialogPanel);

View File

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