meteor / meteor/meteor-theme-hexo

Make Guide and API Docs print-friendly

Open
#24 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Less
Stars
65
Forks
25
PR merge metrics
No merged PRs in 30d

Description

## Currently, this is how these sections(Guide and API Docs) appear in Chrome(v52) print-mode(ctrl + p):

![image](https://cloud.githubusercontent.com/assets/12509753/17461742/42b10dca-5c9f-11e6-871f-f00cd2b2a65c.png)

I suggest the use of CSS ``@media print` rule in order to:
- hide the navigation and sidebar sections
- remove the left margin from the content section

In code:

```
@media print {
.sidebar,
.nav {
display: none;
}
.content {
margin: 0;
}
}
```
### After the CSS codes were added:

![image](https://cloud.githubusercontent.com/assets/12509753/17461789/d3aaca0e-5ca0-11e6-81c9-c7f229942786.png)

_Commit NOTE:_
Because LESS is used, I have split the codes and added them in the appropriate files.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the Guide and API Docs styles and their LESS sources, then check the current print rendering in Chrome. Done means navigation and sidebar sections are hidden and the content has no left margin when printed, without changing the normal screen layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
documentation
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.