Skip to content

Make the search box a quiet pill - #47

Merged
oblomov-dev merged 2 commits into
mainfrom
claude/beautiful-gauss-3dlvr3
Nov 1, 2026
Merged

oblomov-dev merged 2 commits into
mainfrom
claude/beautiful-gauss-3dlvr3

Conversation

@oblomov-dev

Copy link
Copy Markdown
Member

Follow-up to #46: the search field under the greeting read as the main thing on the page.

  • 480 px → 220 px wide, 44 px → 32 px high
  • bordered white field → soft grey fill, no border; the red edge only appears on focus
  • icon, placeholder and shortcut muted; the shortcut is plain letters instead of a key cap
  • placeholder "Search docs and samples" → "Search"
  • new --soft colour token (light and dark)

Position, behaviour and results are unchanged. On a phone the pill sits under the greeting as before.

npm run check: 7 pass, 0 fail. Checked in Chromium at 1280 px and 390 px.


Generated by Claude Code

The field under the greeting read as the main thing on the page: 480px,
44px high, a border. It is now a narrow pill - 220px, 32px high, a soft
fill and no border, muted type, the shortcut as plain letters - and only
shows an edge when the reader is in it. The placeholder is just "Search".

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014YZFmFLTfBmZJXKPuRQWci
190px instead of 220px, and Ctrl K / Cmd K in a small bordered key cap
again, as in the docs' bar.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014YZFmFLTfBmZJXKPuRQWci
@oblomov-dev
oblomov-dev merged commit bf6f02f into main Nov 1, 2026
2 checks passed
@oblomov-dev
oblomov-dev deleted the claude/beautiful-gauss-3dlvr3 branch November 1, 2026 14:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants