Add descriptions to IP Pool dropdowns

[charliepark]

This adds the IP Pool description to the IP Pool dropdown visible to the end user on the silo …

http://localhost:4000/projects/mock-project/floating-ips-new

And adds a note to the IP Pool form …

http://localhost:4000/system/networking/ip-pools-new

Closes #2041
Closes #2042

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
console	✅ Ready (Inspect)	Visit Preview	Oct 29, 2024 5:56pm

[charliepark]

I added some vertical space to the combobox for the Select an Image dropdown as well:

[david-crespo]

Awesome, love it. We also need it on instance create, under advanced networking.

Also on attach ephemeral IP on instance networking tab (button only shows up when there's no ephemeral IP):

[charliepark]

Crespo and I talked IRL and he pointed out that — since there won't be many pools — it probably makes sense for these to all be Listboxes, rather than Comboboxes. Still with the descriptions, though.

[david-crespo]

The badge color needs a tweak when the item is selected. This might be kind of a pain. Needs to be done in CSS probably, like in menu-list.css.

Fine when not highlighted

Weird when highlighted

[charliepark]

I'll work on something a bit more sophisticated via CSS, but this first stab could have been worse.

[charliepark]

This wasn't actually bad at all.

[david-crespo]

Awesome. I’ll leave it to @benjaminleonard to tweak the selected badge color if he wants.

[benjaminleonard]

I've got it somewhere, not sure where of an example with the selected badge. But should be solid instead of dim.

Not sure if we have the accent solid variant as a class. But it might be easier to extract it out into its own class and then conditionally apply that instead? Then badgeColors is just applying that class.

[david-crespo]

It's nice to do it in CSS, otherwise the item has to be aware of whether it's selected.

[charliepark]

Here's where we landed in chat: