💄 (print) ui for pdfs

2021-04-25 17:38:11 +02:00
parent 3f2af0ea75
commit 1f0d153043
3 changed files with 46 additions and 29 deletions
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -102,6 +102,7 @@ $border-color: rgba(18, 19, 58, 0.2);
 .title-stacked-note {
  background-color: var(--background-color);
  position: sticky;
+
  top: 0;
  font-size: 0.8em;

@@ -113,6 +114,8 @@ $border-color: rgba(18, 19, 58, 0.2);

 .share {
  float: right;
+  margin: 0.2rem;
+
  img {
    vertical-align: bottom;
  }
@@ -155,4 +158,14 @@ $border-color: rgba(18, 19, 58, 0.2);
    white-space: nowrap;
  }
 }
+
+@media print {
+  .stacked-note {
+    break-after: always;
+
+    &.overlay {
+      box-shadow: none;
+    }
+  }
+}
 </style>