diff --git a/app/templates/v2/screens/scorecard_portrait.html b/app/templates/v2/screens/scorecard_portrait.html index 1c67b50..19df8d0 100644 --- a/app/templates/v2/screens/scorecard_portrait.html +++ b/app/templates/v2/screens/scorecard_portrait.html @@ -56,7 +56,7 @@ min-height: 100vh; overflow: auto !important; margin: 0; - padding: 20px; + padding: 20px 20px 80px; /* bottom-padding fuer die fixed Toolbar */ } body { display: flex; @@ -76,7 +76,67 @@ position: absolute; top: 0; left: 0; } + + /* Statusleiste am unteren Viewport-Rand mit Download-Button. + Nur im Browser sichtbar; PDF bekommt sie nicht. */ + .screen-toolbar { + position: fixed; + bottom: 0; left: 0; right: 0; + background: var(--ink); + color: var(--paper); + padding: 12px 24px; + display: flex; + justify-content: space-between; + align-items: center; + gap: 16px; + z-index: 1000; + font-family: 'JetBrains Mono', monospace; + font-size: 13px; + flex-wrap: wrap; + box-shadow: 0 -8px 24px rgba(0,0,0,0.3); + } + .screen-toolbar .label { + opacity: 0.75; + letter-spacing: 0.04em; + } + .screen-toolbar .label strong { + color: var(--paper); + font-weight: 600; + opacity: 1; + } + .screen-toolbar .actions { + display: flex; + gap: 8px; + flex-wrap: wrap; + } + .screen-download { + background: var(--accent); + color: var(--paper); + padding: 8px 18px; + border-radius: 4px; + font-family: 'JetBrains Mono', monospace; + font-size: 13px; + font-weight: 700; + text-decoration: none; + border: none; + cursor: pointer; + letter-spacing: 0.04em; + text-transform: uppercase; + } + .screen-download:hover { + filter: brightness(1.1); + } + .screen-download.secondary { + background: transparent; + color: var(--paper); + border: 1.5px solid rgba(245, 241, 234, 0.3); + } + .screen-download.secondary:hover { + background: rgba(245, 241, 234, 0.1); + border-color: var(--paper); + } } + @media print { .screen-toolbar { display: none !important; } } /* Kopfleiste */ .head{ @@ -266,6 +326,27 @@ {# .card-viewport #} +{# Statusleiste mit Download-Button (nur im Browser, nicht im PDF). #} +{% set _drs_safe = assessment.drucksache | replace('/', '-') %} +
+