-
Notifications
You must be signed in to change notification settings - Fork 2.5k
New issue
Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? # to your account
style: sidepanel styling - hidden title quick fix #12077
style: sidepanel styling - hidden title quick fix #12077
Conversation
4050d00
to
4044668
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Unfortunately it does not work well, views now display incorrectly when collapsed:
bug-min-width.mp4
This commit aims to fix the issue of titles being totally occluded when the sidebar is dragged to its minimum width. Signed-off-by: FernandoAscencio <fernando.ascencio.cama@ericsson.com>
4044668
to
9f8ea2f
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It works well for me 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍
This commit aims to fix the issue of titles being totally occluded when the sidebar is dragged to its minimum width.
Signed-off-by: FernandoAscencio fernando.ascencio.cama@ericsson.com
What it does
Fix #10666
This commit adds a min-width to
. Seen below:

.theia-sidepanel-title
. Preventing the Title width from being reduced to nothing. However, this will make it so that the tabs on the right of the title will slowly disappear. Most of those commands are still accessible through theIf this behavior is not desirable, you can change the

min-width
inpackages\core\src\browser\style\dockpanel.css
This will change how small the sidepanel can get. Possibly preventing the tabs from disapearing.
From testing with VSCode, something similar must happen with their sidebar as the title for the
Run and Debug
menu also disappears once the sidebar is too small. This does not implement the collapsing sidebar element in VSCode.How to test
Test should be the same as #10666.
Review checklist
Reminder for reviewers