Update overlay hover popovers

[Irev-Dev]

When hovering on the overlays users see this:

But designs have since been updated eg:

See all designs here

[jessfraz]

is it weird i kinda like the first one better?

hard to put into words maybe its the font sizing or something

[Irev-Dev]

Oh CC @franknoirot

I know you said "hard to put into words" so I'm guessing you just mean the vibe of it and I guess the composure?

One of the things I liked about Frank's design (second one) is he's able to emphasise "Unconstrained", without it being the first thing in the popover.

[jessfraz]

yes I like that i think something about the font size, i cant really describe, just feels different

[franknoirot]

Maybe it feels a little top-heavy because there's a bunch of big text relative to how much smaller text there is. And I think the container could be feeling a bit cramped. Here's what I tweaked in this version:

1. Remove the "[Function Name] ·" prefix, because it adds a lot of that larger font size. I'll have a think about how to communicate what line function is being used.
2. moved the Constrained/Unconstrained tag up to the top, bumped down its padding. I think it sharing a row with that description text feels a little more cramped too.
3. Double the padding around the whole card

[Irev-Dev]

This feels less cramped.

In regards to 1. we are still highlighting in the editor

But is the thinking about when the editor is closed?

[jessfraz]

ooo i like those better