Solidus: The navigation menu should be a collapsible

[jacobherrington]

This is a continuation of #666 based on feedback from an MVP attempt at this functionality in #2957 and the earlier work done in #1718.

One of the more pressing issues with Solidus' admin UI is a lack of responsiveness. A key step in achieving a more responsive, modern feeling UI is recovering some lost screen real estate by reworking the navigation menu.

Ideally, the navigation menu could be collapsed much like the navigation menu in GitLab and Spree:

Some of the requirements laid down in previous issues and discussions:

• [ ] Default open on large screens.
• [ ] Default close on small screens.
• [ ] Remember user preferences on the computer/device they're using.
• [ ] Stays open/close until user changes the preference.
• [ ] Label on collapsed nav items to appear on hover. Tooltip should look consistent with admin, but different from menu styles.

An example mockup:

[jacobherrington]

I am currently working on this, but would love to take suggestions here!

[tvdeyen]

I have a branch with a working prototype as well. Just tell me if I should send it to you.

[jacobherrington]

@tvdeyen sure! That'd be a big help, thanks!

[tvdeyen]

@jacobherrington https://github.com/tvdeyen/solidus/tree/collapsible-nav

[seand7565]

@jacobherrington If you're not still working on this I'd love to take a crack at finishing it - this is a feature I'd love to see in the next release.

[jacobherrington]

@seand7565 Please do, I haven't had much free time in the last few months. 👍

[tvdeyen]

@seand7565 this would be great 👍

[seand7565]

Great! I've started working on it here -> https://github.com/seand7565/solidus/tree/nav-collapse

[jacobherrington]

@seand7565 Please let me know if I can help, I don't have much time, but happy to give feedback. Thanks Sean! 🥇

[jacobherrington]

https://github.com/solidusio/solidus/pull/3322 Work is being done in this PR!