feat: paginate React cards like print

2026-07-17 09:49:21 +02:00
parent b8b122abb9
commit 0816f27053
5 changed files with 115 additions and 23 deletions
@@ -1,3 +1,23 @@
+.paper {
+  display: flex;
+  flex-direction: column;
+  gap: 5cm;
+}
+.paper > .sheet {
+  height: 297mm;
+  min-height: 297mm;
+  max-height: 297mm;
+  margin: 0 auto;
+  overflow: hidden;
+}
+.paper > .sheet > .sheet-content {
+  height: 297mm;
+  min-height: 297mm;
+  max-height: 297mm;
+  overflow-x: hidden;
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+}
 .viewer-chrome {
  position: sticky;
  top: 0;
@@ -1471,6 +1491,17 @@ text.uml-step-element-active {
  }
 }
@media print {
+  .paper {
+    display: block;
+    gap: 0;
+  }
+  .paper > .sheet,
+  .paper > .sheet > .sheet-content {
+    height: auto;
+    min-height: 0;
+    max-height: none;
+    overflow: visible;
+  }
  .viewer-chrome {
    display: none !important;
  }