development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-08-28 05:19:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Height of common input components is not consistent (#167098)

Browse source 
Height of common input components is not consistent. Fixes #167078
This commit is contained in:
Martin Aeschlimann 2022-11-23 22:17:22 +01:00 committed by GitHub
parent 4ab88b8bf4
commit f04ba7cf10
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/vs/base/browser/ui/inputbox/inputBox.css
View file

@ -14,10 +14,6 @@
font-size: inherit;
}
.monaco-inputbox.idle {
border: 1px solid transparent;
}
.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {

10
src/vs/base/browser/ui/inputbox/inputBox.ts
View file

@ -377,7 +377,7 @@ export class InputBox extends Widget {
this.element.classList.add(this.classForType(message.type));
const styles = this.stylesForType(this.message.type);
this.element.style.border = styles.border ? `1px solid ${styles.border}` : '';
this.element.style.borderColor = styles.border || 'transparent';
if (this.message.content && (this.hasFocus() || force)) {
this._showMessage();
@ -551,10 +551,10 @@ export class InputBox extends Widget {
this.input.style.backgroundColor = 'inherit';
this.input.style.color = foreground;
if (border) {
this.element.style.border = '1px solid ' + border;
}
// there's always a border, even if the color is not set.
this.element.style.borderColor = border || 'transparent';
this.element.style.borderWidth = '1px';
this.element.style.borderStyle = 'solid';
}
public layout(): void {