Enhancements to the cook view

[christianlupus]

After the design review on 2024-03-12, the layout for the cook view should be fixed:

• Timers: timers make sense for only some steps
• If a step requires a timer, only show it then
• on mobile don't show the timer if it's not active
• wording: "Cook time" and "step time" not super clear?

[seyfeb]

This was one idea of multiple possibilities. Nothing was fixed yet - some prototyping will be required. This also does not contain things like ingredients, etc. from the mockup.

We also discussed:

Navigation

On desktop it might be possible to see an outline of the steps as shown in the picture all the time. On a tablet it depends on the size. On a mobile screen this should be, if all, hidden behind some trigger, e.g., by clicking on the step name in the row below.

One issue is that a step does not necessarily have a name.

Timers

If there are multiple timers it should be possible to access them

• on mobile via button
• on desktop, if space permits, the others might be visible all the time if it does not clutter the supposed-to-be-clean view too much

One problem to solve is, that timers will need a name to be identified. So either

• it is completely customizable when editing the recipe
• it has the first words of the recipe step
• it has the section + step number as a name (which might not help too much in figuring out what the timer is for)
• ...?

Additional thought that I just had: If no timer is running for the current step as a user it might still be nice to see the time so he knows what to expect when hitting the start button.