Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Demo: add print.css (and related things) #41

Draft
wants to merge 5 commits into
base: main
Choose a base branch
from
Draft

Conversation

rejhgadellaa
Copy link
Collaborator

Related Issue

Demo for resolving (some of) #40

Summary of Changes

[X] Add print.css with some basic styling

  • Hide site header, navigation
  • Default sans-serif font face
  • Basic page-breaks (always before h2, avoid page-breaks for sections)

[X] Add print.js

  • Expand/collapse TOC when print dialog is opened (note: doesn't work with Dev Tools > Rendering > Emulate @media print)
  • Temp: wrap every h2 chapter in a <section /> to be able to apply styling like page-breaks, etc. If we keep this approach, we pbbly need to move this into an 11ty plugin instead of client-side js!

@netlify
Copy link

netlify bot commented Nov 25, 2022

Deploy Preview for owa-production ready!

Name Link
🔨 Latest commit 6d98dac
🔍 Latest deploy log https://app.netlify.com/sites/owa-production/deploys/6384b12fcc25380008e15d24
😎 Deploy Preview https://deploy-preview-41--owa-production.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

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