microsoft / vscode

Visual Studio Code
https://code.visualstudio.com
MIT License
163.88k stars 29.16k forks source link

side bar scaling #181240

Closed Bader-Idris closed 1 year ago

Bader-Idris commented 1 year ago

Type: Bug

When I resize my sidebar in VS Code, in full screen, then I change the size of the application, side bar's size gets changed, and that's only in the new update that came in the last days of April 23

Uploading Code_IlFgB4V9Ps.mp4…

VS Code version: Code 1.77.3 (704ed70d4fd1c6bd6342c436f1ede30d1cff4710, 2023-04-12T09:16:02.548Z) OS version: Windows_NT x64 10.0.22000 Modes: Sandboxed: No

System Info |Item|Value| |---|---| |CPUs|Intel(R) Xeon(R) CPU X5675 @ 3.07GHz (24 x 3059)| |GPU Status|2d_canvas: enabled
canvas_oop_rasterization: disabled_off
direct_rendering_display_compositor: disabled_off_ok
gpu_compositing: enabled
multiple_raster_threads: enabled_on
opengl: enabled_on
rasterization: enabled
raw_draw: disabled_off_ok
skia_renderer: enabled_on
video_decode: enabled
video_encode: enabled
vulkan: disabled_off
webgl: enabled
webgl2: enabled
webgpu: disabled_off| |Load (avg)|undefined| |Memory (System)|63.98GB (44.61GB free)| |Process Argv|--crash-reporter-id 628c9f0f-f20b-44b1-a6df-49e99c32bb36| |Screen Reader|no| |VM|67%|
Extensions (72) Extension|Author (truncated)|Version ---|---|--- rainbow-brackets|2gu|0.0.6 chrome-extension-developer-tools|aar|2.0.4 better-comments|aar|3.0.2 codesnap|adp|1.3.4 numbered-bookmarks|ale|8.3.1 jest-snippets|and|1.9.1 Bito|Bit|1.0.135 vscode-intelephense-client|bme|1.9.5 vscode-tailwindcss|bra|0.9.11 phpserver|bra|3.0.2 npm-intellisense|chr|1.4.4 path-intellisense|chr|2.8.4 ccs-flutter-color|cir|1.0.2 vscode-markdownlint|Dav|0.49.0 vscode-eslint|dba|2.4.0 githistory|don|0.6.20 jquerysnippets|don|0.0.1 xml|Dot|2.5.1 gitlens|eam|13.5.0 vscode-html-css|ecm|1.13.1 EditorConfig|Edi|0.16.4 prettier-vscode|esb|9.12.0 vscode-firefox-debug|fir|2.9.8 auto-close-tag|for|0.5.14 auto-rename-tag|for|0.1.10 code-runner|for|0.12.0 vscode-auto-open-markdown-preview|hnw|0.0.4 rest-client|hum|0.25.1 icon-fonts|idl|2.5.4 search-node-modules|jas|1.3.0 git-graph|mhu|1.30.0 dotenv|mik|1.0.1 vscode-edge-devtools|ms-|2.1.1 isort|ms-|2022.8.0 python|ms-|2023.6.1 vscode-pylance|ms-|2023.4.40 jupyter|ms-|2023.3.1201040234 jupyter-keymap|ms-|1.1.0 jupyter-renderers|ms-|1.0.15 vscode-jupyter-cell-tags|ms-|0.1.8 vscode-jupyter-slideshow|ms-|0.1.5 cmake-tools|ms-|1.14.30 cpptools|ms-|1.14.5 cpptools-extension-pack|ms-|1.3.0 powershell|ms-|2023.3.3 vscode-typescript-next|ms-|5.1.20230430 color-highlight|nau|2.5.0 indent-rainbow|ode|8.3.1 vscode-jest|Ort|5.2.3 material-icon-theme|PKi|4.27.0 quicktype|qui|12.0.46 vscode-thunder-client|ran|2.6.2 LiveServer|rit|5.7.9 vscode-javascript-booster|sbu|14.0.1 svg-preview|Sim|2.8.3 code-spell-checker|str|2.20.4 code-spell-checker-arabic|str|0.1.8 code-spell-checker-spanish|str|2.1.8 tabnine-vscode|Tab|3.6.45 cmake|twx|0.0.17 sort-lines|Tyr|1.9.1 intellicode-api-usage-examples|Vis|0.2.7 vscodeintellicode|Vis|1.2.30 rainbow-tags|vol|0.4.1 vscode-icons|vsc|12.4.0 quokka-vscode|Wal|1.0.533 vscode-todo-highlight|way|1.0.5 vscode-import-cost|wix|3.3.0 cors-browser|Wsc|1.0.11 JavaScriptSnippets|xab|1.8.0 php-debug|xde|1.32.1 html-css-class-completion|Zig|1.20.0 (3 theme extensions excluded)
A/B Experiments ``` vsliv368cf:30146710 vsreu685:30147344 python383cf:30185419 vspor879:30202332 vspor708:30202333 vspor363:30204092 vstes516:30244333 vslsvsres303:30308271 vserr242:30382549 pythontb:30283811 vsjup518:30340749 pythonptprofiler:30281270 vsdfh931cf:30280410 vshan820:30294714 vstes263cf:30335440 vscorecescf:30445987 pythondataviewer:30285071 vscod805:30301674 binariesv615:30325510 bridge0708:30335490 bridge0723:30353136 cmake_vspar411:30581797 vsaa593cf:30376535 pythonvs932:30410667 cppdebug:30492333 vsclangdc:30486549 c4g48928:30535728 dsvsc012:30540252 pynewext54:30695312 azure-dev_surveyone:30548225 nodejswelcome1:30587005 2e4cg342:30602488 pyind779:30671433 89544117:30613380 pythonsymbol12:30671437 showlangstatbar:30672706 vsccsb:30705552 azdwalk:30721579 pythonms35:30701012 cai9j608:30706077 pythonfmttextcf:30716743 ```
sbatten commented 1 year ago

/gifPlease

vscodenpa commented 1 year ago

Thanks for reporting this issue! Unfortunately, it's hard for us to understand what issue you're seeing. Please help us out by providing a screen recording showing exactly what isn't working as expected. While we can work with most standard formats, .gif files are preferred as they are displayed inline on GitHub. You may find https://gifcap.dev helpful as a browser-based gif recording tool.

If the issue depends on keyboard input, you can help us by enabling screencast mode for the recording (Developer: Toggle Screencast Mode in the command palette). Lastly, please attach this file via the GitHub web interface as emailed responses will strip files out from the issue.

Happy coding!

Bader-Idris commented 1 year ago

VSC bug - Made with Clipchamp @sbatten here, it is Notice: the maually word isn't correct I meant manually, my bad 😅

Bader-Idris commented 1 year ago

is it clear now?

sbatten commented 1 year ago

I understand the issue you describe, but I do not believe this behavior is new and seems to be working as designed. The editor are has a minimum width so when VS Code gets too small, something has to give, in this case it is the side bar.

Bader-Idris commented 1 year ago

It changes to all screen sizes, as its default It wasn't changing full-screen size automatically, my work requires changing VS code with frequently, and only in new versions the sidebar became changing automatically each time

sbatten commented 1 year ago

@Bader-Idris I'm not sure what you mean. In older versions, you are saying that the side bar remained bigger than the window size and you couldn't see the editor?

Bader-Idris commented 1 year ago

The big side bar I provided is only for explaining my point, what I meant is that the application resets side bar's width each time I drag the app - to get out of full-screen mode- and dwell it again, instead of sticking at the width I changed manually, it resets back to default width Please re-watch my gif I made as you asked @VSCodeTriageBot

Alistair1231 commented 1 year ago

I have this issue with different screen resolutions

when I switch the window to another monitor, the sizes of sidebars instead of being proportional seem too big and make the window unusable until I resize everything

This is my main screen with a 3440x1440 resolution
This is a secondary screen with a 1920x1080 resolution