Onboarding step 3: notifications and finishing onboarding
Step 3 explains what MealQuest notifies about, shows the iOS install hint and offers "Turn on notifications" and "Maybe later". Either one PATCHes onboarding_completed and goes Home, ending the first-run redirect. "Turn on notifications" first calls an injectable enableNotifications(), a no-op answering "unavailable" until Feature 19 wires Web Push; nothing asks for notification permission. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -73,7 +73,19 @@
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
/* Step 1: what MealQuest's words mean. */
|
||||
/* Step 3: two stacked actions. */
|
||||
.actions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-3);
|
||||
}
|
||||
|
||||
/* Room for the second fixed action and the gap above it. */
|
||||
.screen:has(.actions) {
|
||||
padding-bottom: calc(2 * 52px + var(--space-3) + 2 * var(--space-6));
|
||||
}
|
||||
|
||||
/* Step 1: what MealQuest's words mean; step 3: what it notifies about. */
|
||||
.terms {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -221,6 +233,15 @@
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* Step 3: the iOS install hint, when it shows. */
|
||||
.hint {
|
||||
margin-top: var(--space-4);
|
||||
}
|
||||
|
||||
.hint:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.addFace {
|
||||
transition: none;
|
||||
|
||||
Reference in New Issue
Block a user