Uploaded image for project: 'Compass '
  1. Compass
  2. COMPASS-6112

Bring the nav tree items and connection list items in line with each other

    • Type: Icon: Task Task
    • Resolution: Done
    • Priority: Icon: Major - P3 Major - P3
    • 1.34.0
    • Affects Version/s: None
    • Component/s: Sidebar
    • None
    • 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

            Assignee:
            leroux.bodenstein@mongodb.com Le Roux Bodenstein
            Reporter:
            leroux.bodenstein@mongodb.com Le Roux Bodenstein
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: