prefect-ui-library icon indicating copy to clipboard operation
prefect-ui-library copied to clipboard

Obtrusive Flow Runs chart mouseover.

Open jars opened this issue 2 years ago • 4 comments
trafficstars

It is not possible to gracefully mouseover all the chart's dots, specifically from left to right because the popup get's in the way. See attached.

image

Recommended fix: Move the popup above or below the cursor position.

jars avatar May 30 '23 14:05 jars

My bad @znicholasbrown, I accidentally used this repo instead of prefect-design. It says you transferred the issue, but I cannot find it over there. Is there a link?

jars avatar May 30 '23 18:05 jars

@jars this is the correct one! I moved it here to track it better - prefect-design is the underlying component library, used for base components like buttons and inputs. Technically the underlying component in question lives in vue-charts but this is a better place to track the ticket more broadly for the moment.

znicholasbrown avatar May 30 '23 18:05 znicholasbrown

Ok, great, thanks!

jars avatar May 30 '23 18:05 jars

@pleek91 and @znicholasbrown I think this may have been addressed in a related PR not listed here since the default behavior is now to anchor the cards to the bottom. When we run into the right of the screen it recreates the problem heads up. Happy to think on this but I was nearly convinced this issue was closeable until it wasn't lol

https://github.com/PrefectHQ/prefect-ui-library/assets/33043305/304791c2-d5a3-4a2d-8960-f4619748a50b

aaazzam avatar Feb 23 '24 21:02 aaazzam