Optimize print version of our dashboard

[adriaandotcom]

Tasks

• [x] Remove dark mode toggle
• [x] Remove logo (or make less prominent)
• [x] Remove links to other pages
• [x] Remove footer (maybe add a noprint class?)
• [x] Check if it works with new header
• [x] Show date and time of print moment (useful when having multiple prints)
• [x] Show period somewhere (start and end date)
• [x] Make sure to add page break stackoverflow (if somehow two pages happen)
• [ ] Add css page settings to @page

Tips

• Chrome has a render as print feature

[jibsaramnim]

Show period somewhere (start and end date)

@adriaanvanrossum I think this is something that was also discussed for the non-print (so, normal) dashboard too, right? Some customers have also noted that with the new design it's not clear what actual date range is selected. Would it make sense to just change the way the period is shown, or do you want me to go ahead and make a print-specific-only something for this?

[adriaandotcom]

Yes. Add the date period to the dashboard itself would fix both

[adriaandotcom]

A few more fixes to the print version

• [ ] More horizontal space on top
• [ ] More horizontal space at the bottom above the logo and time
• [ ] Remove drop down icon
• [ ] Make pages and referrals/utm codes black (but keep them links so they stay clickable in the PDF)
• [ ] Fix Chrome icon
• [ ] Add Generated on ... before the date
• [ ] Make the string of the generated date a bit more gray (it's less important)

[jibsaramnim]

@adriaanvanrossum regarding the last more horizontal space arrows shown in the screenshot, do you mean I should make the entire dashboard wider than normal for the print version? Or do you mean more (vertical) space between the dashboard data and the footer?

[adriaandotcom]

Sorry. Vertical space!

[adriaandotcom]

Done!