Skip to content

feat: add print stylesheet section for StreamPanel (Closes #785) - #862

Open
waterWang wants to merge 1 commit into
Predictify-org:mainfrom
waterWang:feat/stream-panel-print-785
Open

feat: add print stylesheet section for StreamPanel (Closes #785)#862
waterWang wants to merge 1 commit into
Predictify-org:mainfrom
waterWang:feat/stream-panel-print-785

Conversation

@waterWang

Copy link
Copy Markdown

Summary

Adds a print stylesheet section for the StreamPanel component (Closes #785). When printing, the screen-reader-only aria-live region is hidden, and the status indicator is rendered with clean, high-contrast styling suitable for paper output.

Changes

src/pages/StreamPanel.tsx

  • Wrapped the component in a stream-panel-container div for scoped print CSS targeting.
  • Added import of ../styles/print.css.

src/styles/print.css

  • Added a new @media print section scoped to .stream-panel-container:
    • Hides the .sr-only live region (not useful on paper).
    • Forces white background and black text for print readability.
    • Replaces Tailwind shadow with a solid 1px border.
    • Ensures muted text and background cards use high-contrast monochrome equivalents.

src/pages/__tests__/StreamPanel.print.test.ts (new)

  • Verifies the print stylesheet contains the expected print rules.
  • Verifies the component imports the print stylesheet and uses the stream-panel-container wrapper class.

Verification

  • pnpm test — all 34 StreamPanel tests pass (including the new print test and all existing tests).

…-org#785)

Hide screen-reader-only live region when printing StreamPanel,
and ensure the status indicator is printed with clean, high-contrast
styling. Adds a dedicated print stylesheet section in print.css.
@vercel

vercel Bot commented Aug 8, 2026

Copy link
Copy Markdown

@waterWang is attempting to deploy a commit to the Jagadeesh B's projects Team on Vercel.

A member of the Team first needs to authorize it.

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.

Add print stylesheet section for StreamPanel [b#051]

1 participant