In MD the main navigation in a hierarchical site—as per the MD spec site itself—is handled in the sidebar, i.e. nav drawer.
- A nav drawer is a limited form of list, in that it only allows an item, and optionally an icon and expander. Thus it is not suitable for the suttaplexes.
- The nav drawer can be either extended or retracted by default, according to what is appropriate. But note that on mobile, it must be retracted by default.
Typically MD has two levels in the nav drawer. The level is indicated with an indent. This is problematic for us, as we have many nesting levels, and long titles. We have have to see whether indenting will work in practice for us.
Deep nesting is discussed in the MD specs here:
If you have a deep navigational hierarchy, you may expand that hierarchy within the navigation drawer. Upon selecting a level, the level of navigation below is revealed. Selecting a collapsed section expands that level in-line, hiding all levels outside of it.
The essential functionality of the nav drawer is that usually each item must contain two clickable fields:
- To select corresponding list of suttaplexes, click the item text
- To expand the list, click an expander icon (this does not apply to the bottom-most level)
Here is a mockup of the nav drawer.
- Note that the hierarchical level is indicated by the expanders. While this might not be as obvious or intuitive as indents, the information is there.