[sidebar] UI issues
Scope
- breaking UI on leaf text, especially with low res / high zoom browser screen
- breaking UI on leaf selection
- lack of affordance concerning the ongoing leaf selection
Short term solution
- re-work HTML script for the different leaves (eg. recent commit putting icon to the right side, and displaying async bar progression heavely distorts the CSS harmony and breaks the UI), sanitize the HTML/CSS
- removing redundant wording, ie. the extra ellipsis
"..."
on each leaf, orfolder
term ("Private term", etc), simplify the icon set (no more icon variant change on selection) - set a fixed and (empirically) suitable size for the sidebar menu
- apply a color semantic: ie. black text, blue when selected, etc
Long term solution
There is a possibility that the defined scope will still be opened to question at some point. For example if the current user owns a lot of nested leaves. These solutions tends to resolve them, from least to most time-consuming:
- Pin feature: rework the frontend PureScript algorithm of leaf printing (eg. not displaying ancestors of a flagged leaf)
- Draggable border: needs JavaScript library, rework current CSS with (JS) dynamism (eg. placement of the node popup)
- Both!