-
Type: Task
-
Resolution: Done
-
Priority: Major - P3
-
Affects Version/s: None
-
Component/s: Sidebar
-
None
-
3
-
Iteration Kraken
-
Not Needed
Follow-up from https://github.com/mongodb-js/compass/pull/3443
I'd like to have the sidebar nav hover effect (from the user's perspective) work like in the connections list where you hover "off" the tree item when hovering over the icon on the right. Then you can always see the hilight effect properly.
Also, from Sergey:
> You can restructure it if you want, if you keep your changes inside the tree item, it should not affect the keyboard navigation
> Also worth noting that similar refactor would be needed for the connection list because buttons are not lists and navigating it with a keyboard although at least possible compared to the previous implementation is not great at the moment
> Another issue with the layout done in connection list style to keep in mind is that you have to explicitly set some sort of offset on the sibling container, you can see that there we sort of always cut some text more than needed even when the button is not showing