From a2e67feafd279c78d7ecbc1c909a6298273cd938 Mon Sep 17 00:00:00 2001
From: Carl Richter <carl.richter@tyclipso.net>
Date: Thu, 11 Apr 2024 16:59:53 +0200
Subject: [PATCH] fix: improve print styling

---
 client/themes/tyclipso/scss/_print.scss | 80 +++++++++++++++++++++++++
 client/themes/tyclipso/scss/app.scss    |  1 +
 2 files changed, 81 insertions(+)
 create mode 100644 client/themes/tyclipso/scss/_print.scss

diff --git a/client/themes/tyclipso/scss/_print.scss b/client/themes/tyclipso/scss/_print.scss
new file mode 100644
index 00000000..f934c5b4
--- /dev/null
+++ b/client/themes/tyclipso/scss/_print.scss
@@ -0,0 +1,80 @@
+@page {
+  size: A4 portrait;
+  margin: 1.25cm;
+}
+
+@media print {
+  .v-main__wrap > header,
+  .v-footer {
+    display: none !important;
+  }
+
+  #root .v-application .container.container.container {
+    background: none !important;
+  }
+
+  .v-application .is-page-header.is-page-header  {
+    .headline, .headline.grey--text.text--lighten-2, .caption, .caption.grey--text.text--darken-1 {
+      color: #1a1a1a !important;
+    }
+  }
+
+  .contents {
+    h1, h2, h3, h4, h5, h6, p {
+      color: black !important;
+    }
+
+    h1:not(:first-child) {
+      break-before: page !important;
+    }
+
+    h1 {
+      font-weight: 100 !important;
+    }
+
+    h3 {
+      font-size: 1.2rem !important;
+    }
+
+    h1, h2 {
+      break-after: avoid-page !important;
+    }
+
+    @at-root .v-main.v-main & h1 + h2 {
+      margin-top: 0.5em !important;
+    }
+
+    h2:after,
+    h3:after {
+      display: none !important;
+    }
+
+    ul, ol {
+      break-before: avoid-page !important;
+    }
+
+    blockquote {
+      break-inside: avoid-page !important;
+      border-color: #dddddd !important;
+      background-color: #f0f0f0 !important;
+
+      &,
+      & p {
+        color: #333333 !important;
+      }
+
+      &:before {
+        color: #555555 !important;
+      }
+    }
+
+    img {
+      width: auto !important;
+      max-height: 12.5cm !important;
+    }
+
+    a {
+      color: #0d47a1 !important;
+    }
+  }
+}
diff --git a/client/themes/tyclipso/scss/app.scss b/client/themes/tyclipso/scss/app.scss
index ffd85fb0..cde3ad36 100644
--- a/client/themes/tyclipso/scss/app.scss
+++ b/client/themes/tyclipso/scss/app.scss
@@ -4,6 +4,7 @@
 @import "settings";
 @import "mixins";
 @import "components";
+@import 'print';
 
 .ty-max-width {
   margin-left: auto !important;