diff --git a/src/app/core/scss/core.scss b/src/app/core/scss/core.scss index cc972b4f..728a51b7 100644 --- a/src/app/core/scss/core.scss +++ b/src/app/core/scss/core.scss @@ -28,6 +28,7 @@ @import "partials/navigation"; @import "partials/forms"; @import "partials/toolbar"; +@import "partials/print"; // Plugins @import "partials/plugins/plugins"; diff --git a/src/app/core/scss/partials/_print.scss b/src/app/core/scss/partials/_print.scss new file mode 100644 index 00000000..ca03b476 --- /dev/null +++ b/src/app/core/scss/partials/_print.scss @@ -0,0 +1,51 @@ +/*----------------------------------------------------------------*/ +/* Print +/*----------------------------------------------------------------*/ + +@media all { + + /* Never show page break in normal view */ + .page-break { + display: none; + } + +} + +@media print { + + /* Page Styles */ + @page { + //margin: 0.5cm; + } + + /* Page break */ + .page-break { + display: block; + break-after: always; + page-break-after: always; + } + + /* General styles */ + fuse-root { + + fuse-navbar, + fuse-toolbar, + fuse-footer, + fuse-quick-panel, + fuse-theme-options, + .ps > .ps__scrollbar-x-rail, + .ps > .ps__scrollbar-y-rail { + display: none !important; + } + + .ps { + overflow: visible !important; + } + } + + /* Printable page specific styles */ + .printable { + overflow: visible !important; + height: auto !important; + } +} \ No newline at end of file