📜 ⬆️ ⬇️

Multi-level menu in one column

Given the task - to depict a multi-level vertical menu, limited in width. Nesting levels - unlimited. It is necessary to clearly separate what is related. The classic indent of the subsections on the left (as in the explorer) is invalid, since The menu will spread out in length.

Sections that are on the same level decided to associate either with color or with a frame.
And at the moment I have come to these two options:
menu.gif - image uploaded to Picamatic

Undoubtedly, the initial conditions strongly cripple the usability of such a menu, but the task is the task: /
')
Which menu option (from those presented) is most convenient in your opinion? How would you solve this problem?
Links to working options are welcome :)

Source: https://habr.com/ru/post/53286/


All Articles