mirror of
https://github.com/arduino/arduino-ide.git
synced 2025-07-10 12:56:32 +00:00
Prevent board selector item labels to overflow (#1216)
* prevent board selector item labels to overflow * make board selector show ellipsis when the board name is too long
This commit is contained in:
parent
d7f7010bb5
commit
564862e173
@ -130,11 +130,14 @@ export class BoardsDropDown extends React.Component<BoardsDropDown.Props> {
|
|||||||
protocolIcon
|
protocolIcon
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
<div className="arduino-boards-dropdown-item--label">
|
<div
|
||||||
<div className="arduino-boards-dropdown-item--board-label">
|
className="arduino-boards-dropdown-item--label"
|
||||||
|
title={`${boardLabel}\n${port.address}`}
|
||||||
|
>
|
||||||
|
<div className="arduino-boards-dropdown-item--board-label noWrapInfo noselect">
|
||||||
{boardLabel}
|
{boardLabel}
|
||||||
</div>
|
</div>
|
||||||
<div className="arduino-boards-dropdown-item--port-label">
|
<div className="arduino-boards-dropdown-item--port-label noWrapInfo noselect">
|
||||||
{port.address}
|
{port.address}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -229,7 +232,8 @@ export class BoardsToolBarItem extends React.Component<
|
|||||||
<div
|
<div
|
||||||
className={classNames(
|
className={classNames(
|
||||||
'arduino-boards-toolbar-item--label',
|
'arduino-boards-toolbar-item--label',
|
||||||
'noWrapInfo noselect',
|
'noWrapInfo',
|
||||||
|
'noselect',
|
||||||
{ 'arduino-boards-toolbar-item--label-connected': isConnected }
|
{ 'arduino-boards-toolbar-item--label-connected': isConnected }
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
@ -181,9 +181,6 @@ div#select-board-dialog .selectBoardContainer .body .list .item.selected i {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.arduino-boards-toolbar-item--label {
|
.arduino-boards-toolbar-item--label {
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -227,6 +224,7 @@ div#select-board-dialog .selectBoardContainer .body .list .item.selected i {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.arduino-boards-dropdown-item--label {
|
.arduino-boards-dropdown-item--label {
|
||||||
|
overflow: hidden;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user