Skip to content

Extend visual system to search pages#54

Open
tripledoublev wants to merge 4 commits intovisual-system-refinementfrom
visual-system-search-pages
Open

Extend visual system to search pages#54
tripledoublev wants to merge 4 commits intovisual-system-refinementfrom
visual-system-search-pages

Conversation

@tripledoublev
Copy link
Copy Markdown
Member

Summary

Stacked on #51. Extends the --maple-* token system into search result surfaces and shared components — the area explicitly kept out of scope in #51.

  • New tokens: overlay backdrop color tokens added to bootstrap.scss
  • Search result cards: gradient backgrounds, hover elevation (translateY + shadow), 2-col desktop / 1-col mobile layout
  • TestimonyHit: full restyle — author/position/quote layout, 3-line description truncation
  • ControlsBar pattern: unified search box + refinements bar across BillSearch, TestimonySearch, SearchPage
  • RefinementPanel: FilterSection styling, formatted attribute labels, outline-secondary filter buttons
  • ResultCount: larger font (0.95rem), semibold, color token
  • Shared components: token cleanup in Footer, FollowingCard, HearingDetails, SubmitTestimonyForm, TestimonyPreview, ViewTestimony, HearingsScheduled, OverviewTab — spacing/shadow/color literals → --maple-*
  • scripts/test-integration-ci.js: Firebase CLI path fix

Test plan

  • Storybook smoke test: search result card components
  • Manual sweep: /bills, /testimony, /hearings search pages
  • Hover states on result cards (elevation + shadow)
  • Filter panel open/close, button styling
  • Result count label
  • Mobile layout (1-col) vs desktop (2-col)
  • No visual regressions on Footer, shared components

@tripledoublev tripledoublev marked this pull request as ready for review April 20, 2026 15:28
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.

1 participant