Add basic print stylesheet

This commit is contained in:
lastlink 2018-06-01 18:25:32 -04:00 committed by Frédéric Guillot
parent b66694854f
commit cd6da13897
6 changed files with 31 additions and 3 deletions

View File

@ -15,6 +15,7 @@
<?= $this->asset->colorCss() ?>
<?= $this->asset->css('assets/css/vendor.min.css') ?>
<?= $this->asset->css('assets/css/app.min.css') ?>
<?= $this->asset->css('assets/css/print.min.css', true, 'print') ?>
<?= $this->asset->customCss() ?>
<?php if (! isset($not_editable)): ?>

1
assets/css/print.min.css vendored Normal file
View File

@ -0,0 +1 @@
@page{orientation:landscape;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}#board-container{overflow-x:initial !important}.board-task-list{min-height:0 !important}.task-board{page-break-inside:avoid}.menu-inline,.project-header,.page-header,.menus-container,.sidebar,.alert,.alert-info,.dropdown>ul{display:none}

View File

@ -0,0 +1,18 @@
@import variables
@import mixins
@page
orientation: landscape
-webkit-transform: rotate(-90deg)
-moz-transform: rotate(-90deg)
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
#board-container
overflow-x: initial !important
.board-task-list
min-height: 0 !important
.task-board
page-break-inside: avoid
/*Hide menu*/
.menu-inline, .project-header, .page-header, .menus-container, .sidebar, .alert, .alert-info, .dropdown > ul
display: none

View File

@ -51,4 +51,4 @@
@import panel
@import activity_stream
@import user_mentions
@import image_slideshow
@import image_slideshow

View File

@ -0,0 +1 @@
@import global_print

View File

@ -88,10 +88,17 @@ gulp.task('js', function() {
});
gulp.task('css', function() {
gulp.src('assets/sass/*.sass')
gulp.src(['assets/sass/*.sass','!assets/sass/*_print.sass'])
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(concat('app.min.css'))
.pipe(gulp.dest(dist.css));
});
gulp.task('default', ['bower', 'vendor', 'js', 'css']);
gulp.task('css:print', function() {
gulp.src('assets/sass/*_print.sass')
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(concat('print.min.css'))
.pipe(gulp.dest(dist.css));
});
gulp.task('default', ['bower', 'vendor', 'js', 'css', 'css:print']);