diff --git a/VERSION b/VERSION index b90f375..208e76a 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -1164 \ No newline at end of file +1165 \ No newline at end of file diff --git a/backend/static/css/utilities.css b/backend/static/css/utilities.css index f9f5ec2..f38a562 100644 --- a/backend/static/css/utilities.css +++ b/backend/static/css/utilities.css @@ -63,3 +63,14 @@ font-weight: 600; margin-bottom: var(--space-1); } + +/* ------------------------------------------------------------------ + Hover-Utilities — ersetzen CSP-blockierte onmouseenter/leave/over. + :hover braucht !important, da Inline-Base-Styles höher spezifisch sind. + ------------------------------------------------------------------ */ +.by-hover-lift { transition: transform .15s, box-shadow .15s; } +.by-hover-lift:hover { transform: translateY(-2px) !important; box-shadow: var(--shadow-md) !important; } +.by-hover-surface2 { transition: background .15s; } +.by-hover-surface2:hover{ background: var(--c-surface-2) !important; } +.by-hover-surface3 { transition: background .15s; } +.by-hover-surface3:hover{ background: var(--c-surface-3) !important; } diff --git a/backend/static/index.html b/backend/static/index.html index b3a37b7..78fd7af 100644 --- a/backend/static/index.html +++ b/backend/static/index.html @@ -86,14 +86,14 @@ Ban Yaro - + - - - - - + + + + + @@ -617,11 +617,11 @@ - - - - - + + + + + @@ -631,7 +631,7 @@ - + diff --git a/backend/static/js/app.js b/backend/static/js/app.js index cfa9be2..1938376 100644 --- a/backend/static/js/app.js +++ b/backend/static/js/app.js @@ -3,7 +3,7 @@ Router, State-Management, Navigation, Initialisierung. ============================================================ */ -const APP_VER = '1164'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen +const APP_VER = '1165'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt window.APP_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator) window.APP_VERSION = APP_VERSION; @@ -434,6 +434,62 @@ const App = (() => { // NAVIGATION EVENTS // ---------------------------------------------------------- function _bindNavigation() { + // Globaler Bild-Fallback — ersetzt CSP-blockierte onerror-Attribute. + // 'error' bubbelt nicht → Capture-Phase. Greift nur bei [data-fb]/[data-fb-src]. + document.addEventListener('error', e => { + const el = e.target; + if (!el || el.tagName !== 'IMG') return; + const fb = el.dataset.fb, altSrc = el.dataset.fbSrc; + if (fb === undefined && altSrc === undefined) return; + // Schritt 1: Alternative Quelle versuchen (z.B. _preview → Original / Platzhalter) + if (altSrc && !el.dataset.fbTried) { + el.dataset.fbTried = '1'; + el.src = altSrc; + return; + } + // Schritt 2: terminaler Fallback + switch (fb) { + case 'hide-parent': + if (el.parentElement) el.parentElement.style.display = 'none'; + break; + case 'dim-grandparent': + if (el.parentElement?.parentElement) el.parentElement.parentElement.style.opacity = '.4'; + break; + case 'sibling': + el.style.display = 'none'; + if (el.nextElementSibling) el.nextElementSibling.style.display = 'flex'; + break; + case 'show-el': { + el.style.display = 'none'; + const t = el.dataset.fbEl && document.getElementById(el.dataset.fbEl); + if (t) t.style.display = 'flex'; + break; + } + case 'emoji': + if (el.parentElement) el.parentElement.innerHTML = + `
${el.dataset.fbEmoji || '🐾'}
`; + break; + case 'initials': { + const sz = parseInt(el.dataset.fbSize, 10) || 40; + el.outerHTML = + `
${el.dataset.fbInitials || ''}
`; + break; + } + default: // 'hide' + el.style.display = 'none'; + el.classList.add('img-broken'); + } + }, true); + + // Video-Vorschau bei Hover (ersetzt CSP-blockierte onmouseenter/leave). + //