Liste mit dazu

2025-12-17 16:59:59 +01:00
parent fa53c5daed
commit 44a93ac1e7
2 changed files with 142 additions and 21 deletions
--- a/frontend/src/AppStyles.css
+++ b/frontend/src/AppStyles.css
@@ -207,4 +207,72 @@ body {

 .cancel-button:hover {
    background-color: #c82333;
+}
+
+/* Druck-Funktionalität */
+.print-controls {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 20px;
+}
+
+.print-button {
+    background-color: #007bff;
+    color: white;
+    padding: 10px 16px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 14px;
+}
+
+.print-button:hover {
+    background-color: #0069d9;
+}
+
+/* Standard: Druckbereich ausblenden, Bildschirm-Inhalte anzeigen */
+.print-only {
+    display: none;
+}
+
+@media print {
+    /* Bildschirm-UI ausblenden */
+    .screen-only, .screen-only * {
+        display: none !important;
+    }
+
+    /* Nur Druckbereich anzeigen */
+    .print-only {
+        display: block !important;
+    }
+
+    body {
+        background: #ffffff;
+        margin: 10mm;
+        color: #000;
+    }
+
+    .print-only h1 {
+        margin-top: 0;
+        font-size: 20px;
+    }
+
+    .print-table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 12px;
+    }
+
+    .print-table th,
+    .print-table td {
+        border: 1px solid #000;
+        padding: 6px;
+        text-align: left;
+    }
+
+    .print-table thead th {
+        background: #eee;
+        -webkit-print-color-adjust: exact;
+        print-color-adjust: exact;
+    }
 }