From 40e7185033da52a465918bef7f7ac3bf43ae024e Mon Sep 17 00:00:00 2001 From: Matt Bierner Date: Wed, 19 Oct 2022 06:03:04 -0700 Subject: [PATCH] Use css to center quick input (#163878) --- src/vs/base/parts/quickinput/browser/media/quickInput.css | 5 +++-- src/vs/base/parts/quickinput/browser/quickInput.ts | 1 - 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/vs/base/parts/quickinput/browser/media/quickInput.css b/src/vs/base/parts/quickinput/browser/media/quickInput.css index 46834baf60a..c1f60c0d2b9 100644 --- a/src/vs/base/parts/quickinput/browser/media/quickInput.css +++ b/src/vs/base/parts/quickinput/browser/media/quickInput.css @@ -7,8 +7,9 @@ position: absolute; width: 600px; z-index: 2550; - left: 50%; - margin-left: -300px; + left: 0; + right: 0; + margin: 0 auto; -webkit-app-region: no-drag; border-radius: 4px; } diff --git a/src/vs/base/parts/quickinput/browser/quickInput.ts b/src/vs/base/parts/quickinput/browser/quickInput.ts index e57afc344c4..d6d29291878 100644 --- a/src/vs/base/parts/quickinput/browser/quickInput.ts +++ b/src/vs/base/parts/quickinput/browser/quickInput.ts @@ -1798,7 +1798,6 @@ export class QuickInputController extends Disposable { const style = this.ui.container.style; const width = Math.min(this.dimension!.width * 0.62 /* golden cut */, QuickInputController.MAX_WIDTH); style.width = width + 'px'; - style.marginLeft = '-' + (width / 2) + 'px'; this.ui.inputBox.layout(); this.ui.list.layout(this.dimension && this.dimension.height * 0.4);