Implement an overflow design for the status bar

[mousetraps]

Testing #12519

Change window.zoomLevel in settings to 3, and shrink the window a bit until the "responsive" design starts kicking in. Pressing Ctrl+M then toggles the UI between the following two states:

This is problematic because

• there's no indication to the user what just happened or that the mode switch was successful.
• It's unclear (from a user perspective) why stuff just disappeared from the status bar

[mousetraps]

Also, if you toggle into the tab-moves-focus mode, and start tabbing through the UI, eventually the remainder of the status bar will appear (sort of)

[joaomoreno]

Oh my.

[bpasero]

I think this is a general issue with the statusbar overflow design that we need to revisit. I think no matter how small the status bar is, we should always show the "Tab Moves Focus" indicator.

[bpasero]

@mousetraps no matter how small I make the window and zoom, the indicator always has enough space to show (tried on Windows and Mac):

[bpasero]

@mousetraps needs more info how to reproduce, maybe you hit a corner case where this happened or maybe you have some extension installed that contributes to the status bar?

[bpasero]

A number of days has past without answer on the questions asked. I am thereby going to close this issue to clean up our backlog of issues. Once you can answer on the questions, the issue can be reopened again. Thanks for understanding this process!

[roblourens]

I can repro this fairly easily. This is with no zoom. But you have to play around with the size a little, and it's different if you have other status bar items. Disabled all the status bar item extensions here.

[roblourens]

I haven't been able to make the status bar scroll up like in the second picture though. #14565 though.

[sean-mcmanus]

The C++ extension shows the current class/method in the status bar and we want to take up as much space as possible, but when the text is too long it disappears, which is not good because the UI is no longer clickable to invoke the navigation dropdown. It would be great if you guys could implement some text overflow solution that could solve this (e.g. abridge text with "..." instead of removing all of it). Currently, we hard code a string length but we can't tell how much space is available, so the next easy fix is for us to add a user setting for this length.

[bpasero]

#6651