(css,js) Dynamic CSS for printing calendars

Initial commit. Fixes #3768
This commit is contained in:
Francis Lachapelle
2018-12-17 22:15:26 -05:00
parent 4027923470
commit 62a8414090
12 changed files with 459 additions and 21 deletions
+35 -5
View File
@@ -10,6 +10,37 @@
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
&.letter {
width: 8.5in;
height: 11in !important;
&.landscape {
width: 11in;
height: 8.5in !important;
}
[ui-view=listView] {
max-width: 3in;
}
}
&.legal {
width: 8.5in;
height: 14in !important;
&.landscape {
width: 14in;
height: 8.5in !important;
}
}
&.a4 {
width: 210mm;
height: 297mm;
&.landscape {
width: 297mm;
height: 210mm;
}
[ui-view=listView] {
max-width: 80mm;
}
}
}
// Don't print some components
@@ -17,10 +48,13 @@
md-sidenav,
md-card-actions,
md-fab-speed-dial,
md-backdrop,
.md-scroll-mask,
.md-dialog-container,
.md-open-menu-container,
.md-chip-remove-container,
.toolbar-main,
.view-list,
.view-list--close,
.view-detail .sg-reversible.sg-flip .sg-face,
.view-detail .sg-reversible:not(.sg-flip) .sg-back,
.sg-no-print
@@ -29,8 +63,6 @@
}
// Horizontal flex layout must be ignored for element that could spawn multiple pages
.view[layout="row"],
section > div[layout="row"],
.msg-body > [layout="row"],
.mailer_mailcontent[layout="row"] {
display: block !important;
@@ -50,7 +82,6 @@
md-card,
md-card-content,
md-card-content pre,
.view-detail,
.view-detail .sg-reversible,
.view-detail .sg-reversible:not(.sg-flip) .sg-face,
.view-detail .sg-reversible.sg-flip .sg-back {
@@ -59,7 +90,6 @@
min-height: auto !important;
overflow: visible !important;
position: relative !important;
min-width: 100%; // compensate for flex display
}
// Remove shadow from Cards