Erste Produktivversion

2026-08-08 20:31:58 +02:00
parent d8ded2816d
commit 7b21e2d1b4
110 changed files with 18170 additions and 644 deletions
--- a/web/html/print.css
+++ b/web/html/print.css
@@ -0,0 +1,128 @@
+/* Stil der serverseitigen Druckansicht.
+   Eigene Datei statt <style> im Dokument: Die Content-Security-Policy
+   erlaubt kein 'unsafe-inline'. */
+
+@page { size: A4; margin: 15mm; }
+
+:root { --line: #999; --muted: #555; }
+
+* { box-sizing: border-box; }
+
+body {
+  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
+  font-size: 11pt;
+  line-height: 1.4;
+  color: #000;
+  background: #fff;
+  margin: 0;
+  padding: 15mm;
+  max-width: 210mm;
+}
+
+@media print { body { padding: 0; } }
+
+header { border-bottom: 1.5pt solid #000; padding-bottom: 3mm; margin-bottom: 6mm; }
+h1 { font-size: 16pt; margin: 0 0 1mm; }
+header .meta { font-size: 9pt; color: var(--muted); }
+
+/* Ein Markt soll nicht über den Seitenumbruch zerrissen werden,
+   solange er auf eine Seite passt. */
+.market { break-inside: avoid; margin-bottom: 7mm; }
+
+.market > h2 {
+  font-size: 12pt;
+  margin: 0 0 1mm;
+  padding-bottom: 1mm;
+  border-bottom: 0.8pt solid #000;
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+}
+
+.market > h2 .sum { font-size: 10pt; font-variant-numeric: tabular-nums; }
+
+.category { break-inside: avoid; margin-top: 3mm; }
+
+.category > h3 {
+  font-size: 8.5pt;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: var(--muted);
+  margin: 0 0 1mm;
+}
+
+table { width: 100%; border-collapse: collapse; }
+
+td {
+  padding: 1.2mm 0;
+  border-bottom: 0.3pt dotted var(--line);
+  vertical-align: top;
+}
+
+tr:last-child td { border-bottom: none; }
+
+/* Kästchen zum Abhaken auf Papier */
+td.box { width: 6mm; }
+
+td.box span {
+  display: inline-block;
+  width: 4mm;
+  height: 4mm;
+  border: 0.6pt solid #000;
+}
+
+tr.bought td.box span::after {
+  content: "✓";
+  display: block;
+  text-align: center;
+  font-size: 8pt;
+  line-height: 3.6mm;
+}
+
+td.count {
+  width: 10mm;
+  text-align: right;
+  padding-right: 2mm;
+  font-variant-numeric: tabular-nums;
+}
+
+td.count.many { font-weight: 700; }
+
+tr.bought td.name .article { text-decoration: line-through; color: var(--muted); }
+td.name .detail { display: block; font-size: 8.5pt; color: var(--muted); }
+
+/* Gepunktete Linie zum Eintragen des Preises von Hand */
+td.price {
+  width: 24mm;
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+  border-bottom: 0.4pt dotted #666 !important;
+}
+
+footer {
+  margin-top: 8mm;
+  padding-top: 3mm;
+  border-top: 1pt solid #000;
+  display: flex;
+  justify-content: space-between;
+  font-size: 11pt;
+}
+
+footer .total { font-weight: 700; font-variant-numeric: tabular-nums; }
+
+.note { margin-top: 6mm; font-size: 8pt; color: var(--muted); }
+.empty { color: var(--muted); font-style: italic; }
+
+/* Bedienelemente nur am Bildschirm */
+.toolbar { margin-bottom: 6mm; }
+
+.toolbar button {
+  font: inherit;
+  padding: 2mm 4mm;
+  cursor: pointer;
+  border: 0.8pt solid #000;
+  background: #fff;
+  border-radius: 2mm;
+}
+
+@media print { .toolbar { display: none; } }