make the search dialog more useful/attractive

[Rich-Harris]

there's arguably more we could do here, but I think this is a good starting point. It drops the confusing hierarchy in favour of grouped lists (where a 'group' is like 'Docs • Svelte' or 'Tutorial • Advanced SvelteKit') with sticky headers.

It also fixes the fonts, and makes the panel bigger on screens that can afford it.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
omnisite	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 1, 2024 10:42pm

[benmccann]

Looks nice! I'm not a big fan of the orange/red outline on the search box and would make the matching text much darker

[Rich-Harris]

The focus ring is the same one we use for keyboard navigation elsewhere. Inputs don't distinguish between :focus and :focus-visible IIUC, so we can't remove it without harming accessibility. I think it looks fine — it makes sense for a piece of UI that popped into the center of the screen to be very explicit about where the focus went.

Screen.Recording.2024-10-01.at.5.12.09.PM.mov

I think making the excerpt text darker hurts overall, because the grouping becomes less explicit. I could try adding an icon and see if that helps

[Rich-Harris]

Added icons, I think it works

[Rich-Harris]

merging, we can iterate from here

[benmccann]

the text looks better to me now. I fine the icons to be a bit confusing and think it was fine without them