Skip to content

Commit 289b3df

Browse files
author
Alberto Iannaccone
committed
prevent board selector item labels to overflow
1 parent 5ff9ce0 commit 289b3df

File tree

2 files changed

+9
-4
lines changed

2 files changed

+9
-4
lines changed

arduino-ide-extension/src/browser/boards/boards-toolbar-item.tsx

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -129,11 +129,14 @@ export class BoardsDropDown extends React.Component<BoardsDropDown.Props> {
129129
protocolIcon
130130
)}
131131
/>
132-
<div className="arduino-boards-dropdown-item--label">
133-
<div className="arduino-boards-dropdown-item--board-label">
132+
<div
133+
className="arduino-boards-dropdown-item--label"
134+
title={`${boardLabel}\n${port.address}`}
135+
>
136+
<div className="arduino-boards-dropdown-item--board-label noWrapInfo noselect">
134137
{boardLabel}
135138
</div>
136-
<div className="arduino-boards-dropdown-item--port-label">
139+
<div className="arduino-boards-dropdown-item--port-label noWrapInfo noselect">
137140
{port.address}
138141
</div>
139142
</div>
@@ -229,7 +232,8 @@ export class BoardsToolBarItem extends React.Component<
229232
<div
230233
className={classNames(
231234
'arduino-boards-toolbar-item--label',
232-
'noWrapInfo noselect',
235+
'noWrapInfo',
236+
'noselect',
233237
{ 'arduino-boards-toolbar-item--label-connected': isConnected }
234238
)}
235239
>

arduino-ide-extension/src/browser/style/boards-config-dialog.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -226,6 +226,7 @@ div#select-board-dialog .selectBoardContainer .body .list .item.selected i {
226226
}
227227

228228
.arduino-boards-dropdown-item--label {
229+
overflow: hidden;
229230
flex: 1;
230231
}
231232

0 commit comments

Comments
 (0)