Skip to content

feat(search): wire up Cmd+K and polish the modal#11550

Merged
mergify[bot] merged 1 commit into
mainfrom
devs/frank/devs/fl/search/cmd-k-keybinding/I21e6477732f048894836cfdb5a89262744a90e3f
May 19, 2026
Merged

feat(search): wire up Cmd+K and polish the modal#11550
mergify[bot] merged 1 commit into
mainfrom
devs/frank/devs/fl/search/cmd-k-keybinding/I21e6477732f048894836cfdb5a89262744a90e3f

Conversation

@flagendijk89
Copy link
Copy Markdown
Contributor

Follow-up to #11472, which visually refreshed the search modal but
never actually bound Cmd+K. Adds the keybinding plus a round of UX
polish on the modal itself.

  • Bind ⌘K / Ctrl+K to open the modal; header hint shows ⌘K on Mac
    and Ctrl K elsewhere (swapped client-side before paint).
  • Keep / working as the existing shortcut.
  • Open/close transitions: fade + blur the backdrop and gently scale
    the panel (180ms), with a delayed unmount so close also animates.
    Respects prefers-reduced-motion.
  • Backdrop now blurs the page (2px) behind a softer dim.
  • Input row: drop the blue focus outline; switch separator to
    --theme-divider to match the footer.
  • Empty state: centered icon, title, subtitle in the modal body.
  • Results list: rounded "card" rows, no per-section colored bar, no
    vertical divider before the preview pane. Rows keep their natural
    height so the list scrolls when there are many results.
  • Soft top/bottom gradient fades on the scrollable area; the top
    fade only shows once the list is actually scrolled.
  • Preview pane: aligned its top content with the first result row.
  • Dark mode: input-row separator now uses a token that's visible in
    dark mode.

Follow-up to #11472, which visually refreshed the search modal but
never actually bound Cmd+K. Adds the keybinding plus a round of UX
polish on the modal itself.

- Bind ⌘K / Ctrl+K to open the modal; header hint shows ⌘K on Mac
  and Ctrl K elsewhere (swapped client-side before paint).
- Keep `/` working as the existing shortcut.
- Open/close transitions: fade + blur the backdrop and gently scale
  the panel (180ms), with a delayed unmount so close also animates.
  Respects prefers-reduced-motion.
- Backdrop now blurs the page (2px) behind a softer dim.
- Input row: drop the blue focus outline; switch separator to
  --theme-divider to match the footer.
- Empty state: centered icon, title, subtitle in the modal body.
- Results list: rounded "card" rows, no per-section colored bar, no
  vertical divider before the preview pane. Rows keep their natural
  height so the list scrolls when there are many results.
- Soft top/bottom gradient fades on the scrollable area; the top
  fade only shows once the list is actually scrolled.
- Preview pane: aligned its top content with the first result row.
- Dark mode: input-row separator now uses a token that's visible in
  dark mode.

Change-Id: I21e6477732f048894836cfdb5a89262744a90e3f
Claude-Session-Id: 5172c674-aa1d-419a-92e9-e6306c0563e0
@mergify mergify Bot deployed to Mergify Merge Protections May 18, 2026 16:03 Active
@mergify
Copy link
Copy Markdown
Contributor

mergify Bot commented May 18, 2026

Merge Protections

Your pull request matches the following merge protections and will not be merged until they are valid.

🟢 🤖 Continuous Integration

Wonderful, this rule succeeded.
  • all of:
    • check-success = build
    • check-success = lint
    • check-success = test
    • any of:
      • check-success = test-broken-links
      • label = ignore-broken-links
    • any of:
      • check-success=Cloudflare Pages
      • -head-repo-full-name~=^Mergifyio/

🟢 👀 Review Requirements

Wonderful, this rule succeeded.
  • any of:
    • #approved-reviews-by >= 2
    • author = dependabot[bot]
    • author = mergify-ci-bot

🟢 Enforce conventional commit

Wonderful, this rule succeeded.

Make sure that we follow https://www.conventionalcommits.org/en/v1.0.0/

  • title ~= ^(fix|feat|docs|style|refactor|perf|test|build|ci|chore|revert|ui)(?:\(.+\))?:

🟢 🔎 Reviews

Wonderful, this rule succeeded.
  • #changes-requested-reviews-by = 0
  • #review-requested = 0
  • #review-threads-unresolved = 0

🟢 📕 PR description

Wonderful, this rule succeeded.
  • body ~= (?ms:.{48,})

@mergify mergify Bot requested a review from a team May 18, 2026 16:05
@mergify mergify Bot requested a review from a team May 18, 2026 19:01
@mergify
Copy link
Copy Markdown
Contributor

mergify Bot commented May 18, 2026

Merge Queue Status

This pull request spent 11 hours 8 minutes 43 seconds in the queue, including 2 minutes 10 seconds running CI.

Required conditions to merge

mergify Bot added a commit that referenced this pull request May 18, 2026
@mergify mergify Bot added the queued label May 18, 2026
@mergify mergify Bot merged commit b8acf35 into main May 19, 2026
8 checks passed
@mergify mergify Bot deleted the devs/frank/devs/fl/search/cmd-k-keybinding/I21e6477732f048894836cfdb5a89262744a90e3f branch May 19, 2026 07:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Development

Successfully merging this pull request may close these issues.

3 participants