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.

Sign up for GitHub

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

Edit some features #8

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Edit some features #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e006470
set page at middle of screen
Jan 29, 2017
b99302a
compress paper.min.css again
Jan 29, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 9 additions & 6 deletions paper.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,19 +9,22 @@ body { margin: 0 }
}

/** Paper sizes **/
body.A3 .sheet { width: 297mm; height: 419mm }
body.A3.landscape .sheet { width: 420mm; height: 296mm }
body.A4 .sheet { width: 210mm; height: 296mm }
body.A4.landscape .sheet { width: 297mm; height: 209mm }
body.A5 .sheet { width: 148mm; height: 209mm }
body.A5.landscape .sheet { width: 210mm; height: 147mm }
body.A3 .sheet { width: 297mm; height: 419mm;margin-left: auto; margin-right: auto; }
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure the benefit of this. Could you pls explain it?
Anyway it seems better to write it in another line:

.sheet { margin-left: auto; margin-right: auto }

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@cognitom Thanks for replying, if I add these, papers will be displayed at middle of screen like:
image
not on left side of screen, only looks good😁

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

And I write at this place to make paper displayed at center default. If you think this feature is optional write it in another line is OK.

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have open an issue asking for centering the sheets as this PR. #20. I think centering the sheets is great for visual purpose for the clients/users a and I think it should be centered as default. I always for default center all the sheets using this:

.sheet {
     margin: 0 auto;
}

Think about MS Word, or any other printing tools. Sheets are centered for default. Centering sheets for print is like a standard for the clients/users.

body.A3.landscape .sheet { width: 420mm; height: 296mm;margin-left: auto; margin-right: auto; }
body.A4 .sheet { width: 210mm; height: 296mm;margin-left: auto; margin-right: auto; }
body.A4.landscape .sheet { width: 297mm; height: 209mm;margin-left: auto; margin-right: auto; }
body.A5 .sheet { width: 148mm; height: 209mm;margin-left: auto; margin-right: auto; }
body.A5.landscape .sheet { width: 210mm; height: 147mm;margin-left: auto; margin-right: auto; }

/** Padding area **/
.sheet.padding-10mm { padding: 10mm }
.sheet.padding-15mm { padding: 15mm }
.sheet.padding-20mm { padding: 20mm }
.sheet.padding-25mm { padding: 25mm }

/** Better used on wkhtmltopdf **/
.sheet.continuous { margin: 0 }

/** For screen preview **/
@media screen {
body { background: #e0e0e0 }
Expand Down
2 changes: 1 addition & 1 deletion paper.min.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.