print stylesheet for modals

cityssm · May 27, 2022 · a39af54 · a39af54
1 parent bb04224
commit a39af54
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 0 deletions.
diff --git a/public/stylesheets/print.min.css b/public/stylesheets/print.min.css
diff --git a/public/stylesheets/print.scss b/public/stylesheets/print.scss
@@ -0,0 +1,30 @@
+@media print {
+  html.is-clipped {
+    overflow: visible !important;
+
+    main,
+    .navbar,
+    .modal-card-head,
+    footer {
+      display: none;
+    }
+
+    .modal {
+      position: static;
+      display: block;
+      overflow: auto;
+    }
+
+    .modal-card {
+      display: block;
+      max-height: none;
+      margin: 0;
+      overflow: auto;
+    }
+
+    a {
+      color: #000;
+      text-decoration: underline;
+    }
+  }
+}
diff --git a/views/_headTags.ejs b/views/_headTags.ejs
@@ -7,6 +7,7 @@
 <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap" rel="stylesheet">
 
 <link rel="stylesheet" href="<%= urlPrefix %>/stylesheets/style.min.css" />
+<link rel="stylesheet" href="<%= urlPrefix %>/stylesheets/print.min.css" media="print" />
 <link rel="stylesheet" href="<%= urlPrefix %>/lib/fa5/css/all.min.css" />
 
 <link rel="apple-touch-icon" sizes="180x180" href="<%= urlPrefix %>/apple-touch-icon.png">