For export/print print board/card, added some CSS better. Use browser print preview %20 etc setting to fit to page. Next: Card CSS.

Thanks to xet7 !

Related #4197,
related #1173
This commit is contained in:
Lauri Ojansivu 2022-12-15 06:06:27 +02:00
parent b17b9ea7c5
commit a561d1b633
5 changed files with 63 additions and 19 deletions

View file

@ -28,18 +28,20 @@
.minicard-wrapper .multi-selection-checkbox + .minicard {
margin-left: 8px;
}
.minicard {
padding: 6px 8px 2px;
position: relative;
flex: 1;
flex-wrap: wrap;
background-color: #fff;
min-height: 20px;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
border-radius: 2px;
color: #4d4d4d;
overflow: hidden;
transition: transform 0.2s, border-radius 0.2s;
@media only screen {
.minicard {
padding: 6px 8px 2px;
position: relative;
flex: 1;
flex-wrap: wrap;
background-color: #fff;
min-height: 20px;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
border-radius: 2px;
color: #4d4d4d;
overflow: hidden;
transition: transform 0.2s, border-radius 0.2s;
}
}
.minicard-details-menu-with-handle {
float: right;
@ -50,6 +52,12 @@
float: right;
font-size: 14px;
}
@media print {
.minicard-details-menu,
.minicard-details-menu-with-handle {
display: none;
}
}
.minicard.linked-board .linked-icon,
.minicard.linked-card .linked-icon {
display: inline-block;
@ -134,13 +142,15 @@
display: inline-block;
margin-right: 5px;
}
.minicard .minicard-title p:last-child {
margin-bottom: 0;
}
.minicard .minicard-title .viewer {
display: block;
word-wrap: break-word;
max-width: 230px;
@media only screen {
.minicard .minicard-title p:last-child {
margin-bottom: 0;
}
.minicard .minicard-title .viewer {
display: block;
word-wrap: break-word;
max-width: 230px;
}
}
.minicard .dates {
display: flex;

View file

@ -269,6 +269,11 @@ textarea::-moz-placeholder {
margin-top: 0px;
margin-bottom: 12px;
}
@media print {
.add-controls {
display: none;
}
}
.edit-controls button[type=submit],
.add-controls button[type=submit],
.edit-controls input[type=button],

View file

@ -88,6 +88,12 @@
.list-header .list-header-menu {
float: right;
}
@media print {
.list-header .list-header-menu,
.list-header .list-header-menu-icon {
display: none;
}
}
.list-header .list-header-plus-top {
color: #a6a6a6;
margin-right: 15px;
@ -129,6 +135,11 @@
text-decoration: none;
animation: fadeIn 0.3s;
}
@media print {
.list-body .open-minicard-composer {
display: none;
}
}
.list-body .open-minicard-composer i.fa {
margin-right: 7px;
}

View file

@ -252,6 +252,19 @@
margin: -8px 0 -10px -10px;
}
}
@media print {
#header-quick-access .allBoards,
#header-quick-access ul,
#header-quick-access .js-toggle-desktop-drag-handles,
#header-quick-access #notifications,
#header-quick-access #header-new-board-icon,
#header #header-main-bar .board-header-btns {
display: none;
}
#header #header-user-bar {
float: right;
}
}
.announcement .viewer {
display: inline-block;
}

View file

@ -86,6 +86,11 @@
padding: 5px 5px;
font-size: 22px;
}
@media print {
.swimlane .swimlane-header-wrap .swimlane-header-menu {
display: none;
}
}
.swimlane .swimlane-header-wrap .swimlane-header-plus-icon {
margin-left: 5px;
padding-right: 20px;