Opened 4 years ago
Closed 22 months ago
#1997 closed defect (fixed)
I2P Website: Documentation Pages Poorly Formatted For Printing
Reported by: | slumlord | Owned by: | idk |
---|---|---|---|
Priority: | minor | Milestone: | 0.9.41 |
Component: | www/i2p | Version: | 0.9.30 |
Keywords: | print, website, documentation | Cc: | zzz |
Parent Tickets: | Sensitive: | no |
Description
I tried to print out some pages of I2P documentation from the website and the pages are really badly formatted for printing. Please see attached screenshot.
I believe some CSS changes would improve formatting for better readability on printed pages.
Subtickets
Attachments (1)
Change History (8)
Changed 4 years ago by
comment:1 Changed 4 years ago by
Version: | → 0.9.30 |
---|
Useful resource:
(clearnet link) http://edutechwiki.unige.ch/en/CSS_for_print_tutorial
—-
I am printing out some of the documentation, to do this I am converting the text to markdown. If anyone would like these markdown files, please let me know. You can find me on IRC2P.
comment:2 Changed 4 years ago by
Owner: | set to str4d |
---|---|
Status: | new → assigned |
comment:3 Changed 3 years ago by
Shifted to LaTeX documentation due to complexity of documentation.
Draft will be shared publicly when ready for review & comments.
comment:4 Changed 2 years ago by
Owner: | changed from str4d to sadie |
---|
comment:5 Changed 2 years ago by
Applying the following CSS *after* all other CSS has been applied causes the text to appear "Wrapped" and to make use of the whole width of the page only when the page is being printed. This results in more readable pages and fewer overall printed pages.
@media print { div#content .aside { word-wrap: break-word; display: !important; }} @media print { div#content .inner .fluid { margin-right: 3%; display: !important; }} @media print { div#content .inner .meta { position: unset; left: unset; margin: unset; right: unset; text-align: unset; display: block !important; }} @media print { div#content .inner .sidebar { word-wrap: break-word; margin-right: 2%; display: !important; }} @media print { div#content .content-inner { margin-left: 3%; padding-right: 4em; display: !important; }}
comment:6 Changed 22 months ago by
Owner: | changed from sadie to idk |
---|---|
Priority: | maintenance → minor |
Sensitive: | unset |
If you have a fix, please check it in
comment:7 Changed 22 months ago by
Milestone: | undecided → 0.9.41 |
---|---|
Resolution: | → fixed |
Status: | assigned → closed |
It is checked in, I'm going to mark this closed.
Screenshot of print preview