Add basic print stylesheet
This commit is contained in:
committed by
Frédéric Guillot
parent
b66694854f
commit
cd6da13897
@@ -15,6 +15,7 @@
|
|||||||
<?= $this->asset->colorCss() ?>
|
<?= $this->asset->colorCss() ?>
|
||||||
<?= $this->asset->css('assets/css/vendor.min.css') ?>
|
<?= $this->asset->css('assets/css/vendor.min.css') ?>
|
||||||
<?= $this->asset->css('assets/css/app.min.css') ?>
|
<?= $this->asset->css('assets/css/app.min.css') ?>
|
||||||
|
<?= $this->asset->css('assets/css/print.min.css', true, 'print') ?>
|
||||||
<?= $this->asset->customCss() ?>
|
<?= $this->asset->customCss() ?>
|
||||||
|
|
||||||
<?php if (! isset($not_editable)): ?>
|
<?php if (! isset($not_editable)): ?>
|
||||||
|
|||||||
1
assets/css/print.min.css
vendored
Normal file
1
assets/css/print.min.css
vendored
Normal 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}
|
||||||
18
assets/sass/_global_print.sass
Normal file
18
assets/sass/_global_print.sass
Normal 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
|
||||||
1
assets/sass/app_print.sass
Normal file
1
assets/sass/app_print.sass
Normal file
@@ -0,0 +1 @@
|
|||||||
|
@import global_print
|
||||||
11
gulpfile.js
11
gulpfile.js
@@ -88,10 +88,17 @@ gulp.task('js', function() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('css', 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(sass({outputStyle: 'compressed'}).on('error', sass.logError))
|
||||||
.pipe(concat('app.min.css'))
|
.pipe(concat('app.min.css'))
|
||||||
.pipe(gulp.dest(dist.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']);
|
||||||
|
|||||||
Reference in New Issue
Block a user