Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Change the width of the search bar in VSCode

Is it possible to change the width of the search bar in VSCode? I.e. the typical dropdown selection menu opening when using 'Go to file...' (workbench.action.quickOpen) or switching recent files (workbench.action.openNextRecentlyUsedEditorInGroup).

My current motivation for this is to be able to fully see long file names which are truncated.

like image 495
jesusbriales Avatar asked Nov 17 '19 00:11

jesusbriales


People also ask

How do I make my VS Code sidebar smaller?

Click on Preferences , Settings , scroll down to Editor: Font Size , and change it from the default of 12 to 14 or 16 .

How do you change the size of a window in VS Code?

Help -> Toggle Developer Tools -> Console Tab. Type: window. resizeTo(1900, 1060); Press Enter.


1 Answers

Unfortunately VSCode doesn't have configuration for this property but it is planned.

There is a small workaround for this if you don't have time to wait.

  1. Install Customize UI
  2. Set property "customizeUI.stylesheet": { ".quick-input-widget": "width: 1000px !important; left: calc(50% - 200px);" } in settings.json
  3. Reload window

source from https://github.com/microsoft/vscode/issues/85374#issuecomment-629982777

like image 50
Yoginek Avatar answered Oct 02 '22 18:10

Yoginek