kedro-org / kedro-viz

Visualise your Kedro data and machine-learning pipelines and track your experiments.
https://demo.kedro.org
Apache License 2.0
680 stars 113 forks source link

Design bugs for Node List #2197

Open Huongg opened 3 days ago

Huongg commented 3 days ago

Description

Some design bugs/enhancement have been reported by @stephkaiser

I've combined them all in one ticket for us to keep track

  1. I've noticed the hide + focus buttons on child pipelines are not positioned the same like the parent hide + focus buttons (the hide + focus buttons should always be in the same position, its currently too close to the utility bar on the right). We should shorten the label if there isn't enough space for the buttons. In the screenshot, it also looks like the spacing between the label and hide button is smaller than the space between the hide + focus buttons.

https://github.com/user-attachments/assets/7e46a2ff-dd03-45a2-8ed5-22a6d08bd495

image

  1. I've spotted something too - it's currently quite difficult to see if an item is hidden or not - unless you hover on that item and see that the hide icon has changed, the label colour also changes to a lighter grey but its very subtle. I suggest when an item is hidden, we always show the hide icon (not only on hover) until the user clicks the icon again to un-hide the item then the icon goes back to being shown only on hover (kind of the same behaviour as the focus icon except the hide icon stays grey and doesn't become blue, and it doesn't disable the other list items when activated)

https://github.com/user-attachments/assets/400b1032-427a-49bf-b567-414ceeb46f2f

3.Another spot - could we add tooltips for 'Hide' and 'Focus' buttons? currently when hovering over these two buttons they show the name of the item, rather than showing the tooltip for the buttons. image image

Checklist