From 8ec4a8e2bb0b75aedd30042d1b65fd3d926255b3 Mon Sep 17 00:00:00 2001 From: Dubidubiduu <34820982+Dubidubiduu@users.noreply.github.com> Date: Sat, 30 Jun 2018 01:23:57 +0200 Subject: [PATCH 1/3] add print file MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- css/print.scss | 87 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 css/print.scss diff --git a/css/print.scss b/css/print.scss new file mode 100644 index 000000000..a085a56aa --- /dev/null +++ b/css/print.scss @@ -0,0 +1,87 @@ +@media print { + /* hide stuff */ + header + , div#app-navigation + , div.board-header-controls + , div#controls.ng-scope div.crumb + , div#controls.ng-scope div.crumb a.bullet + , a.ng-binding+a + , #app-navigation-toggle.icon-menu + , div.card.create + , button.card-options + {display:none;} + + div#app-navigation-toggle.icon-menu { + display:block; + width:0px; + height:0px; + background:none; + } + + /* title */ + div#controls.ng-scope {padding-left:20px;} + div#controls.ng-scope div.crumb.title { + display:inline; + font-size: 2em; + line-height:2.5em; + background:none; + } + + div#controls.ng-scope div.crumb.title a.ng-binding { + color:#000; + opacity:1; + } + + /*Due, assigned-users and description*/ + div.card-controls { + flex-direction:row; + flex-wrap:wrap; + } + div.card-controls i.icon.icon-filetype-text {background:none;} + div.card-controls i.icon.icon-filetype-text:after { + content: attr(title); + display:block; + width:289px; + height:1.5em; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + + span.due { } + + div.card-assigned-users { + margin-right:10px; + } + + /* labels/tags */ + ul.labels li.ng-scope { + -webkit-box-sizing: border-box; /* Safari, other WebKit */ + -moz-box-sizing: border-box; /* Firefox, other Gecko */ + box-sizing: border-box; /* Opera/IE 8+ */ + width:40px; + } + + ul.labels li.ng-scope span.ng-binding { + color:#000; + display:inline; + padding-left:5px; + } + + /* Layout */ + @page { + size: A4 landscape; + margin: 2cm; + } + + div#innerBoard { + display:flex; + flex-wrap: wrap; + } + + div.stack.ng-scope.as-sortable-item {border-right: 1px solid #000;} + + div#innerBoard.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty div.stack.ng-scope.as-sortable-item:nth-child(6n) { + page-break-after: always; + } +} \ No newline at end of file From e9a505f273ba3b1e6520eb9bb9c93d6a42e154f6 Mon Sep 17 00:00:00 2001 From: Dubidubiduu <34820982+Dubidubiduu@users.noreply.github.com> Date: Sat, 30 Jun 2018 01:28:03 +0200 Subject: [PATCH 2/3] add import print.scss MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- css/style.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/style.scss b/css/style.scss index 4f0e03b1e..b62818f36 100644 --- a/css/style.scss +++ b/css/style.scss @@ -1481,3 +1481,8 @@ body:not(.snapjs-left) { display: none; } } + +/** + * Print settings, better leave them at the eof + */ +@import 'print.scss'; From da2e3add9df6017b895be204732a8f6cbae43513 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Tue, 9 Oct 2018 11:43:20 +0200 Subject: [PATCH 3/3] Adjust print css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- css/print.scss | 45 ++++++++++++++++++++++++--------------------- 1 file changed, 24 insertions(+), 21 deletions(-) diff --git a/css/print.scss b/css/print.scss index a085a56aa..142bad18b 100644 --- a/css/print.scss +++ b/css/print.scss @@ -1,15 +1,26 @@ @media print { /* hide stuff */ - header - , div#app-navigation - , div.board-header-controls - , div#controls.ng-scope div.crumb - , div#controls.ng-scope div.crumb a.bullet - , a.ng-binding+a - , #app-navigation-toggle.icon-menu - , div.card.create - , button.card-options - {display:none;} + #body-user { + #header, + div#app-navigation, + div.board-header-controls, + #app-navigation-toggle, + #app-navigation-toggle-custom, + div#controls.ng-scope div.crumb:not(.title), + div#controls.ng-scope div.crumb a.bullet, + a.ng-binding + a, + div.card.create, + button.card-options { + display: none !important; + } + #content { + margin: 0; + padding: 0; + } + #app-content { + margin: 0 !important; + } + } div#app-navigation-toggle.icon-menu { display:block; @@ -37,7 +48,7 @@ flex-direction:row; flex-wrap:wrap; } - div.card-controls i.icon.icon-filetype-text {background:none;} + div.card-controls i.icon.icon-filetype-text {background:none;} div.card-controls i.icon.icon-filetype-text:after { content: attr(title); display:block; @@ -54,14 +65,6 @@ margin-right:10px; } - /* labels/tags */ - ul.labels li.ng-scope { - -webkit-box-sizing: border-box; /* Safari, other WebKit */ - -moz-box-sizing: border-box; /* Firefox, other Gecko */ - box-sizing: border-box; /* Opera/IE 8+ */ - width:40px; - } - ul.labels li.ng-scope span.ng-binding { color:#000; display:inline; @@ -80,8 +83,8 @@ } div.stack.ng-scope.as-sortable-item {border-right: 1px solid #000;} - + div#innerBoard.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty div.stack.ng-scope.as-sortable-item:nth-child(6n) { page-break-after: always; } -} \ No newline at end of file +}