Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Change the width of the search bar in VSCode

Tags:

visual-studio-code

settings

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
Sign in to Comment

Related questions

Chrome annoyingly opens a corresponding line in main.bundle.ts every time I add a breakpoint in a .ts file
tslint.json is not working in VS Code
Overriding existing Visual Studio Code commands in an extension
Debugging Jest on VS Code
VSCode - Debuging/Launching using integrated Terminal instead Debug Console
React Native app starts to a white screen
Intellisense for Vuex Store in VS Code
VSCode C++ debug capture console output
Debug Chrome Extensions within Visual Studio Code
How to access AST of active file in VS Code extension?
VS code PowerShell extension intellisense is very slow
VSCode's format-on-save setting conflicts with prettier
Remote Debugging ASP.NET VSCode
In VS Code is the an opposite command from join lines? Like, expand lines?
Does vscode have a plugin that can recognize jinja variable in javascript?
How to configure pylint / python to check for MicroPython syntax?
How to prevent VS Code from collapsing a trailing empty line?
How do you show what function you are in in Visual Studio Code?
Failed to parse remote port from server output: bash: no job control in this shell
VSCode php-swagger 3.0 annotation plugins?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!