One-level multi-level menu

    They gave the task - to depict a multi-level vertical menu, limited in width. Nesting levels - unlimited. It is necessary to clearly separate what belongs to what. The classical indentation of the subsections on the left (as in the explorer) is unacceptable, because the menu sprawls in length.

    I decided to associate sections that are on the same level with either color or frame.
    And so far I have come to these two options: Undoubtedly, the initial conditions severely cripple the usability of such a menu, but the task is the task: / Which menu option (from the ones presented) is the most convenient in your opinion? How would you solve this problem? Links to working options are welcome :)
    menu.gif - image uploaded to Picamatic

    Also popular now: