Skip to content

feat(css): add print stylesheets for clean page printing#322

Merged
RUKAYAT-CODER merged 1 commit into
rinafcode:mainfrom
JoesWalker:feat/print-stylesheets-275
Apr 28, 2026
Merged

feat(css): add print stylesheets for clean page printing#322
RUKAYAT-CODER merged 1 commit into
rinafcode:mainfrom
JoesWalker:feat/print-stylesheets-275

Conversation

@JoesWalker
Copy link
Copy Markdown
Contributor

Closes #275

Description

Brief description of changes

Related Issue

Closes #

Type of Change

  • Bug fix
  • New feature
  • Breaking change
  • Documentation update

Checklist

  • Code follows project style guidelines
  • Self-review completed
  • No console errors
  • Uses Lucide icons consistently
  • Responsive design implemented
  • Starknet best practices followed

Implements issue #275 — Print Stylesheets.

Adds a dedicated print stylesheet so pages render cleanly when printed or saved as PDF, with no screen-only chrome visible.

Changes

  • src/styles/print.css — New @media print stylesheet:

    • Hides nav, header, footer, aside, button, dialog, tooltips, and any element with .no-print or data-print="false"
    • Resets layout to single-column, full-width, no flex/grid gaps
    • Sets font to serif, 12pt, #000 on #fff
    • Prevents page breaks inside h1, h2, h3, tr
    • Appends link URLs after anchor text via a[href]::after
    • Removes box-shadow and border-radius from all elements
    • Sets @page margins to 1.5cm
  • src/app/globals.css — Imports print.css; adds .no-print { display: none !important } utility under @media print

  • src/components/layout/Header.tsx — Added no-print class to <header>; added Print button (window.print()) styled as a secondary action
    button in the desktop nav

  • src/app/dashboard/page.tsx — Added no-print class to the inline <header>

No logic changes

Only CSS additions and className updates. No component logic was modified.

@drips-wave
Copy link
Copy Markdown

drips-wave Bot commented Apr 28, 2026

@JoesWalker Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@RUKAYAT-CODER RUKAYAT-CODER merged commit 173a5dd into rinafcode:main Apr 28, 2026
1 of 2 checks passed
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.

Print Stylesheets

2 participants