From a6e1c4a93e4e3bf4537a4a5191eb8c1b7cf46bbe Mon Sep 17 00:00:00 2001 From: jbicker Date: Thu, 18 Jul 2019 11:58:37 +0200 Subject: [PATCH] Improved layout of "Board Select" and "File Navigator" dialogs Signed-off-by: jbicker --- .../src/browser/boards/select-board-dialog.ts | 2 ++ .../src/browser/style/board-select-dialog.css | 6 +++++- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/arduino-ide-extension/src/browser/boards/select-board-dialog.ts b/arduino-ide-extension/src/browser/boards/select-board-dialog.ts index d7c5c81d..70cbb0ba 100644 --- a/arduino-ide-extension/src/browser/boards/select-board-dialog.ts +++ b/arduino-ide-extension/src/browser/boards/select-board-dialog.ts @@ -26,6 +26,8 @@ export class SelectBoardDialog extends AbstractDialog { 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); diff --git a/arduino-ide-extension/src/browser/style/board-select-dialog.css b/arduino-ide-extension/src/browser/style/board-select-dialog.css index d7023208..af12c7bb 100644 --- a/arduino-ide-extension/src/browser/style/board-select-dialog.css +++ b/arduino-ide-extension/src/browser/style/board-select-dialog.css @@ -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; }