Only add padding to inputBox if find options are enabled in findInput

LPProfit · LPProfit · commit 7674d150cd2a · 2019-02-11T22:51:35.000Z
diff --git a/src/vs/base/browser/ui/findinput/findInput.ts b/src/vs/base/browser/ui/findinput/findInput.ts
@@ -358,6 +358,10 @@ export class FindInput extends Widget {
 			this._onCaseSensitiveKeyDown.fire(e);
 		}));
 
+		if (this._showOptionButtons) {
+			this.inputBox.inputElement.style.paddingRight = (this.caseSensitive.width() + this.wholeWords.width() + this.regex.width()) + 'px';
+		}
+
 		// Arrow-Key support to navigate between options
 		let indexes = [this.caseSensitive.domNode, this.wholeWords.domNode, this.regex.domNode];
 		this.onkeydown(this.domNode, (event: IKeyboardEvent) => {
diff --git a/src/vs/editor/contrib/find/findWidget.css b/src/vs/editor/contrib/find/findWidget.css
@@ -81,7 +81,6 @@
 
 .monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input {
 	width: 100% !important;
-	padding-right: 66px;
 }
 .monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input,
 .monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .input {
diff --git a/src/vs/workbench/contrib/terminal/browser/terminalFindWidget.css b/src/vs/workbench/contrib/terminal/browser/terminalFindWidget.css
@@ -5,5 +5,4 @@
 
 .monaco-workbench .simple-find-part .monaco-inputbox > .wrapper > .input {
 	width: 100% !important;
-	padding-right: 66px;
 }

Original file line number	Diff line number	Diff line change
`@@ -81,7 +81,6 @@`
`81`	`81`
`82`	`82`	`.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input {`
`83`	`83`	`width: 100% !important;`
`84`		`- padding-right: 66px;`
`85`	`84`	`}`
`86`	`85`	`.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input,`
`87`	`86`	`.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .input {`
Original file line number	Diff line number	Diff line change
`@@ -5,5 +5,4 @@`
`5`	`5`
`6`	`6`	`.monaco-workbench .simple-find-part .monaco-inputbox > .wrapper > .input {`
`7`	`7`	`width: 100% !important;`
`8`		`- padding-right: 66px;`
`9`	`8`	`}`