diff --git a/src/vs/base/browser/ui/inputbox/inputBox.css b/src/vs/base/browser/ui/inputbox/inputBox.css index 6c1811a2fae0e6a3a8b71a748010845cc23f3fd3..f6640a7f898f9390309e6a1e05997330d28a3a27 100644 --- a/src/vs/base/browser/ui/inputbox/inputBox.css +++ b/src/vs/base/browser/ui/inputbox/inputBox.css @@ -17,20 +17,20 @@ border: 1px solid transparent; } -.monaco-inputbox > .wrapper > .input, -.monaco-inputbox > .wrapper > .mirror { +.monaco-inputbox > .ibwrapper > .input, +.monaco-inputbox > .ibwrapper > .mirror { /* Customizable */ padding: 4px; } -.monaco-inputbox > .wrapper { +.monaco-inputbox > .ibwrapper { position: relative; width: 100%; height: 100%; } -.monaco-inputbox > .wrapper > .input { +.monaco-inputbox > .ibwrapper > .input { display: inline-block; box-sizing: border-box; width: 100%; @@ -43,26 +43,26 @@ color: inherit; } -.monaco-inputbox > .wrapper > input { +.monaco-inputbox > .ibwrapper > input { text-overflow: ellipsis; } -.monaco-inputbox > .wrapper > textarea.input { +.monaco-inputbox > .ibwrapper > textarea.input { display: block; -ms-overflow-style: none; /* IE 10+: hide scrollbars */ scrollbar-width: none; /* Firefox: hide scrollbars */ outline: none; } -.monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar { +.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar { display: none; /* Chrome + Safari: hide scrollbar */ } -.monaco-inputbox > .wrapper > textarea.input.empty { +.monaco-inputbox > .ibwrapper > textarea.input.empty { white-space: nowrap; } -.monaco-inputbox > .wrapper > .mirror { +.monaco-inputbox > .ibwrapper > .mirror { position: absolute; display: inline-block; width: 100%; diff --git a/src/vs/base/browser/ui/inputbox/inputBox.ts b/src/vs/base/browser/ui/inputbox/inputBox.ts index 2410c5234bb5d99b08013aa035cf6182961090cb..113a953e83186afbbaeda0692e0ea7af6a905ad7 100644 --- a/src/vs/base/browser/ui/inputbox/inputBox.ts +++ b/src/vs/base/browser/ui/inputbox/inputBox.ts @@ -157,7 +157,7 @@ export class InputBox extends Widget { let tagName = this.options.flexibleHeight ? 'textarea' : 'input'; - let wrapper = dom.append(this.element, $('.wrapper')); + let wrapper = dom.append(this.element, $('.ibwrapper')); this.input = dom.append(wrapper, $(tagName + '.input.empty')); this.input.setAttribute('autocorrect', 'off'); this.input.setAttribute('autocapitalize', 'off'); diff --git a/src/vs/editor/contrib/find/findWidget.css b/src/vs/editor/contrib/find/findWidget.css index 15ed9eb3f75e667a94c8637d3f42a7fca90142ba..86efb77c2facf6ac1c2fd7d69ad4f434da657f95 100644 --- a/src/vs/editor/contrib/find/findWidget.css +++ b/src/vs/editor/contrib/find/findWidget.css @@ -60,14 +60,14 @@ } -.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { +.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror { padding-right: 22px; } -.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input, -.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .mirror, -.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .input, -.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror { +.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input, +.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror, +.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input, +.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror { padding-top: 2px; padding-bottom: 2px; } diff --git a/src/vs/editor/contrib/parameterHints/parameterHints.css b/src/vs/editor/contrib/parameterHints/parameterHints.css index 03c4e2640ee95dc7c6f94073c3075a78793c3060..64f277ccfe64f13331b8ce5769657be158dd8bba 100644 --- a/src/vs/editor/contrib/parameterHints/parameterHints.css +++ b/src/vs/editor/contrib/parameterHints/parameterHints.css @@ -10,7 +10,7 @@ line-height: 1.5em; } -.monaco-editor .parameter-hints-widget > .wrapper { +.monaco-editor .parameter-hints-widget > .phwrapper { max-width: 440px; display: flex; flex-direction: row; diff --git a/src/vs/editor/contrib/parameterHints/parameterHintsWidget.ts b/src/vs/editor/contrib/parameterHints/parameterHintsWidget.ts index 1494fdab3006704edad2571a8862e18c69a5ea4c..af43c8df87dab6aed991a6fe231c080c234a6ff6 100644 --- a/src/vs/editor/contrib/parameterHints/parameterHintsWidget.ts +++ b/src/vs/editor/contrib/parameterHints/parameterHintsWidget.ts @@ -82,7 +82,7 @@ export class ParameterHintsWidget extends Disposable implements IContentWidget { private createParamaterHintDOMNodes() { const element = $('.editor-widget.parameter-hints-widget'); - const wrapper = dom.append(element, $('.wrapper')); + const wrapper = dom.append(element, $('.phwrapper')); wrapper.tabIndex = -1; const controls = dom.append(wrapper, $('.controls')); diff --git a/src/vs/workbench/contrib/debug/browser/media/debugViewlet.css b/src/vs/workbench/contrib/debug/browser/media/debugViewlet.css index 47cafc6aec94ba83939c803ec98c782cd46683d0..3e2271859235a249cc2fec6f539d1f80bfb3905b 100644 --- a/src/vs/workbench/contrib/debug/browser/media/debugViewlet.css +++ b/src/vs/workbench/contrib/debug/browser/media/debugViewlet.css @@ -259,11 +259,11 @@ font-family: var(--monaco-monospace-font); } -.debug-pane .monaco-inputbox > .wrapper { +.debug-pane .monaco-inputbox > .ibwrapper { height: 19px; } -.debug-pane .monaco-inputbox > .wrapper > .input { +.debug-pane .monaco-inputbox > .ibwrapper > .input { padding: 0px; color: initial; } diff --git a/src/vs/workbench/contrib/files/browser/media/explorerviewlet.css b/src/vs/workbench/contrib/files/browser/media/explorerviewlet.css index 8d645ccaa6603f6624a91732427d97d74a1a55dd..29bad5473869c8829b1490d91470a25bb785443f 100644 --- a/src/vs/workbench/contrib/files/browser/media/explorerviewlet.css +++ b/src/vs/workbench/contrib/files/browser/media/explorerviewlet.css @@ -89,7 +89,7 @@ height: 22px; } -.monaco-workbench .explorer-viewlet .explorer-item .monaco-inputbox > .wrapper > .input { +.monaco-workbench .explorer-viewlet .explorer-item .monaco-inputbox > .ibwrapper > .input { padding: 0; height: 20px; } diff --git a/src/vs/workbench/contrib/search/browser/media/searchEditor.css b/src/vs/workbench/contrib/search/browser/media/searchEditor.css index c12e7737acc275206a8ab1b39887d788fcd43f66..04fbe328a873680ba7b6bf94a07b64d2cc8b2036 100644 --- a/src/vs/workbench/contrib/search/browser/media/searchEditor.css +++ b/src/vs/workbench/contrib/search/browser/media/searchEditor.css @@ -45,31 +45,31 @@ width: 100%; } -.search-editor .search-widget .monaco-inputbox > .wrapper { +.search-editor .search-widget .monaco-inputbox > .ibwrapper { height: 100%; } -.search-editor .search-widget .monaco-inputbox > .wrapper > .mirror, -.search-editor .search-widget .monaco-inputbox > .wrapper > textarea.input { +.search-editor .search-widget .monaco-inputbox > .ibwrapper > .mirror, +.search-editor .search-widget .monaco-inputbox > .ibwrapper > textarea.input { padding: 3px; padding-left: 4px; } -.search-editor .search-widget .monaco-inputbox > .wrapper > .mirror { +.search-editor .search-widget .monaco-inputbox > .ibwrapper > .mirror { max-height: 134px; } /* NOTE: height is also used in searchWidget.ts as a constant*/ -.search-editor .search-widget .monaco-inputbox > .wrapper > textarea.input { +.search-editor .search-widget .monaco-inputbox > .ibwrapper > textarea.input { overflow: initial; height: 24px; /* set initial height before measure */ } -.search-editor .monaco-inputbox > .wrapper > textarea.input { +.search-editor .monaco-inputbox > .ibwrapper > textarea.input { scrollbar-width: none; /* Firefox: hide scrollbar */ } -.search-editor .monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar { +.search-editor .monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar { display: none; } diff --git a/src/vs/workbench/contrib/search/browser/media/searchview.css b/src/vs/workbench/contrib/search/browser/media/searchview.css index f8484082b4e4ac74b80abbf973291667e2c33558..896a356acac163fd479801f308692f165afc44f5 100644 --- a/src/vs/workbench/contrib/search/browser/media/searchview.css +++ b/src/vs/workbench/contrib/search/browser/media/searchview.css @@ -30,18 +30,18 @@ margin-left: 18px; } -.search-view .search-widget .monaco-inputbox > .wrapper { +.search-view .search-widget .monaco-inputbox > .ibwrapper { height: 100%; } -.search-view .search-widget .monaco-inputbox > .wrapper > .mirror, -.search-view .search-widget .monaco-inputbox > .wrapper > textarea.input { +.search-view .search-widget .monaco-inputbox > .ibwrapper > .mirror, +.search-view .search-widget .monaco-inputbox > .ibwrapper > textarea.input { padding: 3px; padding-left: 4px; } /* NOTE: height is also used in searchWidget.ts as a constant*/ -.search-view .search-widget .monaco-inputbox > .wrapper > textarea.input { +.search-view .search-widget .monaco-inputbox > .ibwrapper > textarea.input { overflow: initial; height: 24px; /* set initial height before measure */ } @@ -50,11 +50,11 @@ opacity: 0; } -.search-view .monaco-inputbox > .wrapper > textarea.input { +.search-view .monaco-inputbox > .ibwrapper > textarea.input { scrollbar-width: none; /* Firefox: hide scrollbar */ } -.search-view .monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar { +.search-view .monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar { display: none; } diff --git a/src/vs/workbench/contrib/searchEditor/browser/media/searchEditor.css b/src/vs/workbench/contrib/searchEditor/browser/media/searchEditor.css index 06950ece2a3f62c49508a406be7a0c4a20bf0e06..7250c5876ca2f74139f868cf7511b2a487794dd9 100644 --- a/src/vs/workbench/contrib/searchEditor/browser/media/searchEditor.css +++ b/src/vs/workbench/contrib/searchEditor/browser/media/searchEditor.css @@ -45,31 +45,31 @@ width: 100%; } -.search-editor .search-widget .monaco-inputbox > .wrapper { +.search-editor .search-widget .monaco-inputbox > .ibwrapper { height: 100%; } -.search-editor .search-widget .monaco-inputbox > .wrapper > .mirror, -.search-editor .search-widget .monaco-inputbox > .wrapper > textarea.input { +.search-editor .search-widget .monaco-inputbox > .ibwrapper > .mirror, +.search-editor .search-widget .monaco-inputbox > .ibwrapper > textarea.input { padding: 3px; padding-left: 4px; } -.search-editor .search-widget .monaco-inputbox > .wrapper > .mirror { +.search-editor .search-widget .monaco-inputbox > .ibwrapper > .mirror { max-height: 134px; } /* NOTE: height is also used in searchWidget.ts as a constant*/ -.search-editor .search-widget .monaco-inputbox > .wrapper > textarea.input { +.search-editor .search-widget .monaco-inputbox > .ibwrapper > textarea.input { overflow: initial; height: 24px; /* set initial height before measure */ } -.search-editor .monaco-inputbox > .wrapper > textarea.input { +.search-editor .monaco-inputbox > .ibwrapper > textarea.input { scrollbar-width: none; /* Firefox: hide scrollbar */ } -.search-editor .monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar { +.search-editor .monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar { display: none; }