feat(meal-plan) sticky week nav; notes at top of overview tiles #18

Merged
araemer merged 1 commit from meal-plan-nav-notes into stage 2026-08-15 06:16:50 +00:00
Owner

Summary

  • Issue #17 — Week navigation row is now sticky in MealPlanCalendar. Measures the page header height on mount and sticks flush below it. scrollToDay also accounts for the sticky nav height so day sections are not obscured.
  • Issue #16 — Day note moved from the bottom of each overview tile to just below the day header, so it is visible without scrolling past dishes.

Test plan

  • In list view, scroll down — verify week nav controls remain sticky below the page header
  • Click pencil on an overview tile — verify scroll lands the day header below both sticky bars
  • Add a note to a day — verify it appears at the top of the overview tile
  • Verify overview/list toggle still works
  • Verify read-only view is unaffected

Generated with Claude Code

## Summary - **Issue #17** — Week navigation row is now sticky in `MealPlanCalendar`. Measures the page header height on mount and sticks flush below it. `scrollToDay` also accounts for the sticky nav height so day sections are not obscured. - **Issue #16** — Day note moved from the bottom of each overview tile to just below the day header, so it is visible without scrolling past dishes. ## Test plan - [x] In list view, scroll down — verify week nav controls remain sticky below the page header - [x] Click pencil on an overview tile — verify scroll lands the day header below both sticky bars - [x] Add a note to a day — verify it appears at the top of the overview tile - [x] Verify overview/list toggle still works - [x] Verify read-only view is unaffected Generated with [Claude Code](https://claude.com/claude-code)
- Adds recipeAmountDescription to MealPlanDayDishDto, MealPlanDayDishModel, and
  MealPlanDayDishMapper; rendered left of the step control in MealPlanDishCard
  (issue #12, backend field exposed via recipe-backend MR #5)
- Adds defaultAmount to CompactRecipeDto, CompactRecipeModel, and CompactRecipeMapper;
  MealPlanDayProvider now uses recipe.defaultAmount ?? 1 as initial servings when
  adding a dish (issue #14)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Backend PR #6 exposes `amount` and `amountDescription`, not `defaultAmount`.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Makes the week navigation row (prev/next arrows, week label, view toggle) sticky
  in MealPlanCalendar. It sticks flush below the page header (measured via
  [data-sticky-header] on mount) so controls remain accessible while scrolling
  the list view. scrollToDay now also subtracts the nav row height ([data-sticky-nav])
  when computing scroll targets so day sections are not hidden behind it (issue #17)

- Moves the day note from the bottom of each overview tile to just below the day
  header, so notes are visible without scrolling past dishes and the add-recipe
  button (issue #16)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
araemer merged commit f17d1367d7 into stage 2026-08-15 06:16:50 +00:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
araemer/recipe-app!18
No description provided.