feat(recipe): Wake-Lock-Schalter + Profil-Chip nur Lucide + Save-Text
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 1m16s
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 1m16s
1) ProfileSwitcher-Chip: Profil-Emoji (avatar_emoji) ist jetzt aus dem
Header-Badge raus — immer CircleUser-Icon vor dem Namen. Im Profil-
Auswahl-Modal bleiben die individuellen Emojis erhalten, damit User
ihr Profil dort weiterhin erkennen. Unused .emoji CSS entfernt.
2) Preview-Button: "In meine Sammlung speichern" → "Rezept in Kochwas
speichern". Klarer, was die App heißt.
3) Wake-Lock-Schalter:
- Erklärung: navigator.wakeLock.request('screen') hindert Android/iOS
daran, das Display zu dimmen/zu sperren, solange der Tab sichtbar
ist. Beim Kochen sehr nützlich — Hände sind klebrig.
- Neuer Toggle-Button im Rezept-Detail, zweite Aktion-Zeile zwischen
"Heute gekocht" und "Löschen": Lightbulb (an, gelb-gehighlighted)
oder LightbulbOff (aus).
- Preference wird in localStorage persistiert (kochwas.wakeLock),
Default an. Gilt für alle Rezepte.
- visibilitychange-Handler re-requestet den Sentinel, wenn User den
Tab wieder nach vorne holt und die Pref an ist.
- release-Event räumt wakeLock-Variable sauber auf.
This commit is contained in:
@@ -24,11 +24,10 @@
|
||||
</script>
|
||||
|
||||
<button class="chip" onclick={() => (showModal = true)} aria-label="Profil wechseln">
|
||||
<span class="icon"><CircleUser size={20} strokeWidth={1.75} /></span>
|
||||
{#if profileStore.active}
|
||||
<span class="emoji">{profileStore.active.avatar_emoji ?? '🙂'}</span>
|
||||
<span class="name">{profileStore.active.name}</span>
|
||||
{:else}
|
||||
<span class="icon"><CircleUser size={20} strokeWidth={1.75} /></span>
|
||||
<span class="name">Profil wählen</span>
|
||||
{/if}
|
||||
</button>
|
||||
@@ -105,9 +104,6 @@
|
||||
.chip:hover {
|
||||
background: #f4f8f5;
|
||||
}
|
||||
.emoji {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user