Settings page on mobile layout

[krystxf]

It would be nice to have a responsive settings page. Probably with some sort of drop down menu instead of the side menu on mobile. I'm willing to help with the styling, but I need some suggestions to get it the way you'd like.

[pawlean]

Thanks for your feedback, @krystofex! I'm looping in @gtsiolis for information. 😊

[jldec]

Moved to investigating/visual-design

[gtsiolis]

Thanks for opening this, @krystofex! This is related to the responsive layout of the dashboard in general, see also #4050.

Thanks for the ping @pawlean! 🏓

[gtsiolis]

Regarding settings layout specifically, let me cross-post below an early design from a relevant discussion (internal).

Cross-posting also a relevant doc (internal) from @jankeromnes.

[jankeromnes]

Awesome, many thanks for getting the ball rolling and offering to help here @krystofex! ♥️🚀📱

And thanks @gtsiolis for re-surfacing the initial designs!

I like many of their aspects.

• For the top-right menu, I guess Admin, Docs and Help could indeed get folded into the Avatar drop-down menu on smaller screens
• For the Settings menu (and other similar sub-menus), I'm not a big fan of the big drop-down selector. We used to have this on https://www.gitpod.io/docs/ and it felt a bit awkward/unfinished (now they have a nice "Go back to all topics" link / all topics page)
• For the top-left menu, I'm not sure whether grouping into a drop-down makes sense, especially with our new "personal/team account selector with tabs beneath" UI

In any case, I do think maybe the top-left and top-right menus are out of scope here, since the issue specifically mentions the Settings menu. Focusing on the Settings sub-menu first makes sense.

I wonder how other apps with outstanding mobile UI have solved this problem.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.