Vim mode navigation for horizontal sidebar css themes such as Zenith (work in progress)

[tntmarket]

The current h and l shortcuts don't really with with CSS themes with horizontal layout, such as Zenith

Here is a demo of navigating left / right among sidebar panels:

https://www.youtube.com/watch?v=4t9cy_A3-QI

I wonder if we can detect whether the user is using horizontal mode or not, and adjust the behavior or h/l accordingly.

[Stvad]

My understanding is that those panels are just subsections of sidebar displayed differently, right? I think it's useful to have a behavior to switch between those regardless (in fact it's one of the feature requests I had)
so how about making this behavior default? (I assume it works when panels are stacked on top of each other?) potentially with additional shortcuts to go to leftmost/rightmost panel

[tntmarket]

Yeah, I think this works for switching between sidebar panels even with the default theme.

The only caveat is that this branch fails to vertically scroll in the sidebar, because each "panel" manages it's own scrolling.

To elaborate, the current DOM structure is something like:

<div id="roam-article" panel="MAIN" vertical-scroll>
    Main page
</div>
<div id="roam-right-sidebar-content" panel="SIDE" vertical-scroll>
    <div>Side page A</div>
    <div>Side page B</div>
</div>

The horizontal CSS theme I'm using does something like this:

<div id="roam-article" panel="MAIN" vertical-scroll>
    Main page
</div>
<div id="roam-right-sidebar-content">
    <div panel="Page A" vertical-scroll>Side page A</div>
    <div panel="Page B" vertical-scroll>Side page B</div>
</div>

Scrolling panel "Page A" while using the default theme doesn't move the scrollbar of the roam-right-sidebar-content container.

Some options I can think of:

• Decouple scrolling from panels, by distinguishing "Scroll sidebar" vs. "Scroll sidebar page" (I think this would make the UX unintuitive though)
• Introduce "Cycle through sidebar pages" as a new action, distinct from "Move left/right between panels", and they'd coincidentally be the same if you happen to use a horizontal css theme
• Figure out which pages have scroll bars, and commit to those elements being the "Panels". (For example, we could have a checkbox setting for "horizontal mode", or we can check the computed styles of sidebar pages to see which ones have vertical scroll)

[Stvad]

what I had in mind is closest to

Introduce "Cycle through sidebar pages" as a new action, distinct from "Move left/right between panels", and they'd coincidentally be the same if you happen to use a horizontal css theme

[lkhphuc]

Thanks for the feature. I'm currently using the Vim mode with horizontal layout.
Aside from moving horizontally with h,l, the moving up/down using j/k in a side page doesn't scroll it vertically as well.
Hope you can resolve that in this PR as well.

[tntmarket]

Closing in favor of roam-unofficial#160