UX: Panorama-Hinweis bleibt 4s sichtbar (erste 2x), Text + Querformat, SW by-v1034

This commit is contained in:
rene 2026-05-16 13:03:42 +02:00
parent a65e5a2723
commit a736d66c47
4 changed files with 18 additions and 5 deletions

View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '1033'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '1034'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen

View file

@ -1034,7 +1034,20 @@ window.Worlds = (() => {
_hasBgPhoto = true;
_bgUrl = url;
_applyBgOrientation();
document.getElementById('wh-photo-hint')?.remove();
const hint = document.getElementById('wh-photo-hint');
if (hint) {
const seen = parseInt(localStorage.getItem('banyaro_wh_hint_seen') || '0');
if (seen < 2) {
localStorage.setItem('banyaro_wh_hint_seen', String(seen + 1));
setTimeout(() => {
hint.style.transition = 'opacity 0.6s';
hint.style.opacity = '0';
setTimeout(() => hint.remove(), 650);
}, 4000);
} else {
hint.remove();
}
}
};
toLoad.onerror = () => _applyBgImage(null);
toLoad.src = url;
@ -1551,7 +1564,7 @@ window.Worlds = (() => {
Hintergrund-Foto hinzufügen
</div>
<div style="font-size:10px;color:rgba(255,255,255,0.45);margin-top:1px">
Tagebuchfotos erscheinen hier als Panorama
Tagebuchfotos im Querformat erscheinen hier als Panorama
</div>
</div>
</div>