diff options
| author | Geremia Taglialatela <tagliala.dev@gmail.com> | 2016-12-18 21:22:37 +0300 |
|---|---|---|
| committer | Geremia Taglialatela <tagliala.dev@gmail.com> | 2016-12-19 22:27:51 +0300 |
| commit | 39905502b8519a4206ebb1763bcffd7a24ad2024 (patch) | |
| tree | 8b64a39ba68a27bbf0e9d81c4ff17e76030add19 /src | |
| parent | d445932937f3a73b7fdbdccffe11a9185330fb55 (diff) | |
Fix cheatsheet print layout
This PR changes the print layout, showing three icons per row instead of
one. In this way we can solve an issue with the Bootstrap grid, which
for some reason limits the output to three pages when printing the
cheatsheet.
Fix: #10395
Diffstat (limited to 'src')
| -rw-r--r-- | src/assets/less/site.less | 1 | ||||
| -rw-r--r-- | src/assets/less/site/print.less | 5 | ||||
| -rw-r--r-- | src/cheatsheet.html | 2 |
3 files changed, 7 insertions, 1 deletions
diff --git a/src/assets/less/site.less b/src/assets/less/site.less index 5207be2e4..54bf1da08 100644 --- a/src/assets/less/site.less +++ b/src/assets/less/site.less @@ -18,6 +18,7 @@ @import "site/bootstrap/modals"; @import "site/layout"; +@import "site/print"; @import "site/social-buttons"; @import "site/jumbotron-carousel"; @import "site/stripe-ad"; diff --git a/src/assets/less/site/print.less b/src/assets/less/site/print.less new file mode 100644 index 000000000..5ebe6a8f8 --- /dev/null +++ b/src/assets/less/site/print.less @@ -0,0 +1,5 @@ +@media print { + .col-print-4 { + .make-xs-column(4); + } +} diff --git a/src/cheatsheet.html b/src/cheatsheet.html index d33e22ca4..6a9efcbd4 100644 --- a/src/cheatsheet.html +++ b/src/cheatsheet.html @@ -23,7 +23,7 @@ relative_path: ../ {% assign sorted_icons = icons | expand_aliases | sort_by:'class' %} {% for icon in sorted_icons %} - <div class="col-md-4 col-sm-6 col-lg-3"> + <div class="col-md-4 col-sm-6 col-lg-3 col-print-4"> {% if icon.created >= site.fontawesome.major_version %}<small class="text-muted pull-right">{{ icon.created }}</small>{% endif %} <i class="fa fa-fw" aria-hidden="true" title="Copy to use {{ icon.class }}">&#x{{ icon.unicode }}</i> fa-{{ icon.class }} |