Commit ccb3b34

author

Alberto Iannaccone

committed

prevent board selector item labels to overflow

1 parent 19c0334 commit ccb3b34Copy full SHA for ccb3b34

File tree

-4

lines changed

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

-4

lines changed

Lines changed: 8 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -130,11 +130,14 @@ export class BoardsDropDown extends React.Component<BoardsDropDown.Props> {`
`130`	`130`	`protocolIcon`
`131`	`131`	`)}`
`132`	`132`	`/>`
`133`		`- <div className="arduino-boards-dropdown-item--label">`
`134`		`- <div className="arduino-boards-dropdown-item--board-label">`
	`133`	`+ <div`
	`134`	`+ className="arduino-boards-dropdown-item--label"`
	`135`	+ title={`${boardLabel}\n${port.address}`}
	`136`	`+ >`
	`137`	`+ <div className="arduino-boards-dropdown-item--board-label noWrapInfo noselect">`
`135`	`138`	`{boardLabel}`
`136`	`139`	`</div>`
`137`		`- <div className="arduino-boards-dropdown-item--port-label">`
	`140`	`+ <div className="arduino-boards-dropdown-item--port-label noWrapInfo noselect">`
`138`	`141`	`{port.address}`
`139`	`142`	`</div>`
`140`	`143`	`</div>`
`@@ -229,7 +232,8 @@ export class BoardsToolBarItem extends React.Component<`
`229`	`232`	`<div`
`230`	`233`	`className={classNames(`
`231`	`234`	`'arduino-boards-toolbar-item--label',`
`232`		`- 'noWrapInfo noselect',`
	`235`	`+ 'noWrapInfo',`
	`236`	`+ 'noselect',`
`233`	`237`	`{ 'arduino-boards-toolbar-item--label-connected': isConnected }`
`234`	`238`	`)}`
`235`	`239`	`>`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -226,6 +226,7 @@ div#select-board-dialog .selectBoardContainer .body .list .item.selected i {`
`226`	`226`	`}`
`227`	`227`
`228`	`228`	`.arduino-boards-dropdown-item--label {`
	`229`	`+ overflow: hidden;`
`229`	`230`	`flex: 1;`
`230`	`231`	`}`
`231`	`232`

Comments

(0)