Commit 14a1fac

committed

add ellipsis to dialog buttons

1 parent 4907ef2 commit 14a1facCopy full SHA for 14a1fac

File tree

+11

-1

lines changed

arduino-ide-extension/src/browser
- library
  - library-list-widget.ts
- style
  - index.css

+11

-1

lines changed

Lines changed: 4 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -201,7 +201,10 @@ class MessageBoxDialog extends AbstractDialog<MessageBoxDialog.Result> {`
`201`	`201`	`options.buttons \|\| [nls.localize('vscode/issueMainService/ok', 'OK')]`
`202`	`202`	`).forEach((text, index) => {`
`203`	`203`	`const button = this.createButton(text);`
`204`		`- button.classList.add(index === 0 ? 'main' : 'secondary');`
	`204`	`+ button.classList.add(`
	`205`	`+ index === 0 ? 'main' : 'secondary',`
	`206`	`+ 'message-box-dialog-button'`
	`207`	`+ );`
`205`	`208`	`this.controlPanel.appendChild(button);`
`206`	`209`	`this.toDisposeOnDetach.push(`
`207`	`210`	`addEventListener(button, 'click', () => {`

Lines changed: 7 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -108,6 +108,13 @@ button.secondary[disabled], .theia-button.secondary[disabled] {`
`108`	`108`	`background-color: var(--theia-secondaryButton-background);`
`109`	`109`	`}`
`110`	`110`
	`111`	`+button.theia-button.message-box-dialog-button {`
	`112`	`+ white-space: nowrap;`
	`113`	`+ overflow: hidden;`
	`114`	`+ text-overflow: ellipsis;`
	`115`	`+ display: inline-block;`
	`116`	`+}`
	`117`	`+`
`111`	`118`	`/* To make the progress-bar slightly thicker, and use the color from the status bar */`
`112`	`119`	`.theia-progress-bar-container {`
`113`	`120`	`width: 100%;`

Comments

(0)