Skip to content

feat: add print stylesheet section for SettingsAccount [b#011] [fj4WqyCCw3C5ShR1RfB7MoBPTpkRrBFYP1uT35g3MvT] - #900

Open
waterWang wants to merge 1 commit into
Creditra:mainfrom
waterWang:feat/print-stylesheet-settings-account-824
Open

feat: add print stylesheet section for SettingsAccount [b#011] [fj4WqyCCw3C5ShR1RfB7MoBPTpkRrBFYP1uT35g3MvT]#900
waterWang wants to merge 1 commit into
Creditra:mainfrom
waterWang:feat/print-stylesheet-settings-account-824

Conversation

@waterWang

Copy link
Copy Markdown

Summary

Adds a dedicated print stylesheet section for the SettingsAccount page, ensuring a clean, readable printed output.

Changes

src/index.css

  • Import print.css: Restores the missing import for the general print stylesheet (covers AmountConfirm and other pages)
  • **Import print-settings.css: Restores the missing import for the SettingsAccount-specific print stylesheet

src/pages/SettingsAccount.css

  • Hide interactive chrome: Toggle buttons and chevrons are hidden in print mode
  • Expand collapsible panels: All .settings-account__panel and .settings-account__panel--expanded elements are fully expanded (max-height: none, height: auto, overflow: visible)
  • Dark ink on white paper: Section headings, descriptions, and toggle labels print in #000 on white background
  • Clean card borders: Collapsible containers get a light #ccc border and #fff background for paper output
  • Page continuity: break-inside: avoid prevents awkward page breaks within collapsible sections

Testing

  • Existing print-settings.test.ts (6 tests) — ✅ all pass
  • The pre-existing resolve is not defined error in SettingsAccount.test.tsx is unrelated to this change (missing import in the test file's parent scope)

Closes #824

- Import print.css and print-settings.css in index.css (missing imports restored)
- Add @media print section to SettingsAccount.css:
  - Hide interactive chrome (toggle buttons, chevrons)
  - Expand all collapsible panels for full content visibility
  - Ensure dark ink on white paper for headings and descriptions
  - Clean up card borders and backgrounds for paper output

Closes Creditra#824
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 SettingsAccount [b#011]

1 participant