Is there any way to move the search box in Visual Studio Code?
As you can see in the below image, the search box is at the top right corner.
Sometimes this image will cover up the text underneath it. Is there a way to move the search box to some other place? For example, like Atom's or Sublime's search box.
NO, there is currently no way to move it.
There was discussion on this amongst the vscode developers: Find Widget UI enhancement.
We should definitely not make this move both vertically and horizontally since we do not do this anywhere else in our UX. Introducing such a new concept does not align well with our general workbench UX which is not very flexible
Looking at the pictures the docked find widget at the top / bottom feel too heavy for me.
The current find widget solution I like because it is similar to the chrome experience which every user on the planet is familiar with
While implementing the docking solution, we found we can actually split this two issues completely. For the issue of covering search result, we can allow users to scroll beyond the first line by the height of Find Widget. It doesn't change Find Widget at all, you can only scroll beyond first line only when the Find Widget is visible so it won't cover anything.
I made two changes to the Find Widget for this work item.
- You can resize the Find widget horizontally
- You can scroll beyond the first line when the find widget is visible.
Which gives us the only customizations we can do to the search/find widget if it (as you said) "covers up text underneath it":
- You can adjust the width horizontally
- You can set
"editor.find.addExtraSpaceOnTop": trueto allow "scroll beyond the first line when the Find Widget is visible"
- Visual Studio Code does not detect Virtual Environments
- Why does VS Code show inline comments as part of environment variables from .env file?
- How to get VSCode to suggest / autocomplete the React className, given my custom classes on a <div>?
- Refactoring in VSCode with Dart not working
- Difference between Run Code and Run without Debugging in VS Code
- Is there a way I can define a custom refactoring in Visual Studio Code?
- VSCode different Theme setting for each project in a WorkSpace
- How do I assign a JSON Schema to a YAML file in my VS Code extension?
- vscode installed in other directory gives access denied error
- change the color of the cursor in code
- Django - VS Code - custom model manager method typing
- Cannot import tensorflow in vscode
- How can I open a .md file in VS Code preview mode from terminal?
- Viewing variable values in Visual Studio code using Rust and CodeLLDB
- Is there a cursor overwrite/overtype mode in VS Code?
- What does VS Code do with my answer to "Are you using a screen reader to operate VS Code?"
- Can VS Code's NodeJS debug support render ANSI color codes in the Debug Console?
- VS Code always maximizes terminal when opening PowerShell script
- VS Code collapses folder in Explorer View when it gets focus for multi-root workspaces
- How to configure VSCode to auto insert comment chars on multi line comments
- How to use a devcontainer in vscode.dev?
- When debugging JS in VS Code, why are some object properties faded in color?
- Virtual environments for Python not working in VSCode
- Disable predefined filename - JSON schema association
- Vscode terminal not loading .zshrc on startup! How can I fix this?
- Why is visual studio code telling me that cout is not a member of std namespace?
- VS code terminal can't find AWS SAM even though windows terminal can
- code suggestion box text line height not readable in VS Code
- Codeium extension in Visual Studio code, suggestions disappear in millisecond
- In Visual Studio Code Ctrl+V is not working