I am creating a snippet for VS Code with long descriptions. I have noticed that the description popup window in VS Code has a scrollbar, but it would be greater if I can enlarge the window? Is it possible?
You can adjust the Zoom level in VS Code with the View > Appearance > Zoom commands. The zoom level increases or decreases by 20% each time a Zoom command is executed. View > Appearance > Zoom In (Ctrl+=) - increase the Zoom level. View > Appearance > Zoom Out (Ctrl+-) - decrease the Zoom level.
The code formatting is available in Visual Studio Code through the following shortcuts: On Windows Shift + Alt + F. On Mac Shift + Option + F. On Linux Ctrl + Shift + I.
On linux/windows, press F1 , type join lines , click :gear-icon , press & hold ctrl and press and release sequence: K + K .
This is possible now with the Custom CSS and JS Loader extension.
Custom CSS and JS Loader extension
sudo chown -R $(whoami) /Applications/Visual Studio Code.app/Contents/MacOS/Electron
sudo chown -R $(whoami) /Applications/Visual Studio Code - Insiders.app/Contents/MacOS/Electron
sudo chown -R $(whoami) /usr/share/code
touch ~/.vscode-custom.css
:
/* suggest-widget size */
.monaco-editor .suggest-widget.docs-side {
width: 1000px;
}
.monaco-editor .suggest-widget.docs-side > .details {
width: 60%;
max-height: 800px !important;
}
.monaco-editor .suggest-widget.docs-side > .tree {
width: 30%;
float: left;
}
/* parameter-hints-widget */
.editor-widget.parameter-hints-widget.visible {
max-height: 800px !important;
}
.monaco-editor .parameter-hints-widget > .wrapper {
max-width: 1000px;
}
/* editor-hover */
.monaco-editor-hover .monaco-editor-hover-content {
max-width: 1000px;
}
settings.json
{
"vscode_custom_css.imports": ["file:///Users/yourusername/.vscode-custom.css"],
"vscode_custom_css.policy": true
}
No, that's not possible currently. Sometimes text even wraps in such a popup window, which makes it difficult to read. Certainly something that needs improvement.
Here's an example:
VSCode 1.51 (Oct. 2020) should add (part of) that feature with:
This milestone, we've made several improvements to the suggestions UI. First and foremost: it can now be resized! Drag the sides or corners to resize the control.
Theme: GitHub Light, Font: FiraCode
The size of the suggestions list will be saved and restored across sessions.
The size of the details pane is only saved per session, since the size tends to be more variable.
Also, theeditor.suggest.maxVisibleSuggestions
setting has become obsolete.
As noted by Jan M. in the comments, this only allows resizing the suggestion window, not the popup window.
Feature allowing to resize the popup window is not yet implemented:microsoft/vscode
issue 14165: "Feature request: configure tooltip max width".
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With