rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Burger-Hinweis auf Willkommensseite nur auf Mobile anzeigen

Browse source 
Klasse mobile-only ergänzt, damit der Hinweis ab 768px (Desktop-Sidebar sichtbar) ausgeblendet wird. SW by-v202, APP_VER 169.
This commit is contained in:
rene 2026-04-18 13:51:24 +02:00
parent e97bd744e9
commit 80e3f0dc0d
3 changed files with 25 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '168'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '169'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const App = (() => {
@ -669,7 +669,7 @@ const App = (() => {
hashParams[k] = isNaN(v) ? v : Number(v);
});
}
const startPage = (hashPage && pages[hashPage]) ? hashPage : 'diary';
const startPage = (hashPage && pages[hashPage]) ? hashPage : 'welcome';
navigate(startPage, false, hashParams);
}

22
backend/static/js/pages/welcome.js
View file

@ -43,6 +43,28 @@ window.Page_welcome = (() => {
</p>
</div>
<!-- Burger-Menü-Hinweis (nur Mobile, auf Desktop gibt es die Sidebar) -->
<div class="mobile-only" style="display:flex;align-items:center;gap:var(--space-3);
background:var(--c-primary-subtle);border-radius:var(--radius-md);
padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5)">
<div style="width:36px;height:36px;border-radius:var(--radius-md);
background:var(--c-primary);flex-shrink:0;
display:flex;align-items:center;justify-content:center">
<svg style="width:20px;height:20px;color:#fff" aria-hidden="true">
<use href="/icons/phosphor.svg#list"></use>
</svg>
</div>
<div>
<div style="font-size:var(--text-sm);font-weight:var(--weight-semibold);
color:var(--c-primary);margin-bottom:2px">
Alle Funktionen im Menü oben rechts
</div>
<div style="font-size:var(--text-xs);color:var(--c-text-secondary);line-height:1.4">
Tippe auf das ☰-Symbol für Karte, Routen, Giftköder-Alarm, Forum und vieles mehr.
</div>
</div>
</div>
<!-- Features -->
<div class="card" style="margin-bottom:var(--space-5)">
<div style="padding:var(--space-3) var(--space-4);