Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 15:49:44 +02:00
Code Releases Activity

Improve Print & PDF rendering

Browse source 
Tweaked CSS for more compact format utilizing print real estate.
This commit is contained in:
sauls8t 2018-03-24 14:42:35 +00:00
parent 3e1ee64e6f
commit c3c4e9820e
5 changed files with 712 additions and 679 deletions
Download patch file Download diff file Expand all files Collapse all files

2
gui/app/styles/bootstrap.scss vendored
View file

@ -77,7 +77,6 @@ $link-decoration: none;
$link-hover-color: darken($link-color, 15%) !default;
$link-hover-decoration: none;
//
// Bootstrap includes
//
@ -102,6 +101,7 @@ $link-hover-decoration: none;
@import "node_modules/bootstrap/scss/tables";
@import "node_modules/bootstrap/scss/badge";
// Boostrap overrides
.modal-80 {
max-width: 80% !important;

49
gui/app/styles/print.scss
View file

@ -41,6 +41,9 @@
min-height: initial !important;
-webkit-print-color-adjust: exact;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
min-width: 768px !important;
}
.non-printable,
@ -66,21 +69,51 @@
}
.document-heading {
text-align: center !important;
padding: 20px 20px 20px 20px !important;
text-align: left !important;
padding: 0 !important;
margin-bottom: 40px !important;
border: 3px solid #eeeeee !important;
background-color: $color-off-white !important;
color: #000000;
}
.doc-title {
margin: 20px 0 10px 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 18px !important;
color: #000000 !important;
}
.doc-excerpt {
margin: 0 !important;
padding: 0 !important;
color: #464545 !important;
}
.wysiwyg {
font-size: 15px;
line-height: 25px;
color: #000000;
font-size: 15px !important;
line-height: 22px !important;
color: #000000 !important;
h1 { font-size: 22px; color: #000000 !important; }
h2 { font-size: 20px; color: #000000 !important; }
h3 { font-size: 18px; color: #000000 !important; }
h4 { font-size: 17px; color: #000000 !important; }
h5 { font-size: 16px; color: #000000 !important; }
h6 { font-size: 16px; color: #000000 !important; }
}
.page-title {
font-size: 20px !important;
color: #000000 !important;
}
.container {
width: auto !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
[class*="col-"] {
float: left !important;
width: 100% !important;
}
}

12
gui/app/templates/components/document/document-meta.hbs
View file

@ -1,7 +1,7 @@
<div class="view-document">
<div class="document-customfields">
<div class="row">
<div class="row {{if (eq selectedCategories.length 0) 'd-print-none'}}">
<div class="col-12 col-sm-3 heading">Categories</div>
<div class="col-12 col-sm-9 value">
{{#each selectedCategories as |cat|}}
@ -12,21 +12,21 @@
{{else}}
{{#if canAddCategory}}
{{#if canSelectCategory}}
<a href="#" {{action 'onShowCategoryModal'}}>&lt;select&gt;</a>
<a href="#" class="d-print-none" {{action 'onShowCategoryModal'}}>&lt;select&gt;</a>
{{else}}
{{#link-to 'folder.category' folder.id folder.slug class='non-printable'}}&lt;manage&gt;{{/link-to}}
{{#link-to 'folder.category' folder.id folder.slug class='d-print-none'}}&lt;manage&gt;{{/link-to}}
{{/if}}
{{/if}}
{{/each}}
{{#if canSelectCategory}}
<div class="action-button button-icon-gray button-icon-small align-middle" {{action 'onShowCategoryModal'}}>
<div class="action-button button-icon-gray button-icon-small align-middle d-print-none" {{action 'onShowCategoryModal'}}>
<i class="material-icons align-middle">edit</i>
</div>
{{/if}}
</div>
</div>
<div class="row">
<div class="row {{if (eq tagz.length 0) 'd-print-none'}}">
<div class="col-12 col-sm-3 heading">Tags</div>
<div class="col-12 col-sm-9 value">
{{#each tagz as |t index|}}
@ -35,7 +35,7 @@
{{/link-to}}&nbsp;&nbsp;
{{/each}}
{{#if permissions.documentEdit}}
<div class="action-button button-icon-gray button-icon-small align-middle" data-toggle="modal" data-target="#document-tags-modal" data-backdrop="static">
<div class="action-button button-icon-gray button-icon-small align-middle d-print-none" data-toggle="modal" data-target="#document-tags-modal" data-backdrop="static">
<i class="material-icons align-middle">edit</i>
</div>
{{/if}}

2
gui/app/templates/components/document/document-toc.hbs
View file

@ -1,7 +1,7 @@
{{#unless emptyState}}
<div id="doc-toc" class="document-toc {{if isDesktop 'document-toc-desktop'}}">
<div class="header">
<div class="title">Table of contents</div>
<div class="title">Contents</div>
{{#if canEdit}}
<div id="tocToolbar" class="toc-controls {{if state.actionablePage 'current-page'}}">
<div id="toc-up-button" class="button-icon-green button-icon-small {{if state.upDisabled 'disabled'}}" {{action 'pageUp'}}>