Commit 52e3e2f

committed

add ellipsis to dialog buttons

1 parent bc264d1 commit 52e3e2fCopy full SHA for 52e3e2f

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
`@@ -203,7 +203,10 @@ class MessageBoxDialog extends AbstractDialog<MessageBoxDialog.Result> {`
`203`	`203`	`const button = this.createButton(text);`
`204`	`204`	`const isPrimaryButton =`
`205`	`205`	`index === (options.buttons ? options.buttons.length - 1 : 0);`
`206`		`- button.classList.add(isPrimaryButton ? 'main' : 'secondary');`
	`206`	`+ button.classList.add(`
	`207`	`+ isPrimaryButton ? 'main' : 'secondary',`
	`208`	`+ 'message-box-dialog-button'`
	`209`	`+ );`
`207`	`210`	`this.controlPanel.appendChild(button);`
`208`	`211`	`this.toDisposeOnDetach.push(`
`209`	`212`	`addEventListener(button, 'click', () => {`

Lines changed: 7 additions & 0 deletions

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

Comments

(0)