Update Recipe view
After the design review on 2024-03-12, the layout for a recipe view should be updated:
- [ ] Title
- [ ] Image (with a max width)
- [ ] Ingredients (1 column) + description, rating, tags, metadata, utensils (1 column)
- [ ] Steps heading
- [ ] Ingredients for one section (1 col) + steps for one section (1 col)
- [ ] Ingredients for another section (1 col) + steps for another section (1 col)
- [ ] Ingredients for another section (1 col) + steps for another section (1 col)
The goal is to not use a FAB in mobile. Just show the ingredients for the section before the instructions --> implement this by using a flex layout. In desktop it would be one row with ingredients and instructions, on mobile it would be one column
Desktop View
Mobile View
Sounds great! One difficulty with using the feature of prepartion blocks with some recipes could be that the preparation blocks are not to be done one after the other but kind of parallel or shifted. For example block 1 is the pastry and block 2 is the filling. The pastry needs be preparated, then needs time to rest. This time you can use to make the first steps with the filling, after that further steps for the filling are needed and so on.
If you add the blocks of preparation following the time flow, this would lead to a loss of general survey of the recipe which a general problem.
Therefor it would be great if you could link to single steps of block instructions within and beyond blocks. (In a further step of developement a second view „time flow“ could be great, but maybe this would introduce lots of problems and only little profit. I personally would not need a time flow view.