Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

"Cooking mode" - specific display of recipe #1847

Open
seyfeb opened this issue Oct 16, 2023 · 1 comment
Open

"Cooking mode" - specific display of recipe #1847

seyfeb opened this issue Oct 16, 2023 · 1 comment
Labels
enhancement New feature or request Frontend Issue or PR related to the frontend code javascript Pull requests that update Javascript code
Projects

Comments

@seyfeb
Copy link
Collaborator

seyfeb commented Oct 16, 2023

Problem
When cooking a recipe from the Cookbook most users will probably have the browser open and scroll through the recipe. From time to time the display on mobile devices might turn off which is in itself annoying and with dirty hands even more so.

Possible Solution
Add a button in the recipe view to enter a specific mode of displaying the recipe which might have the following features (tbd):

  • instructions are shown in full-screen mode
  • cooking steps are shown one-by-one (depending on screen size, the next step by also be shown in a muted color)
  • larger font, so you can read it even when the device is standing further away
  • Next and Previous buttons for navigating through the recipe
  • X button for leaving "Cooking mode"
  • Ingredients button for having a quick look at the ingredients, since they may be referenced in an instruction
  • The last shown instruction should be remembered, so that the recipe can be continued when re-entering the "Cooking mode"
  • the display is kept active
@seyfeb seyfeb added the enhancement New feature or request label Oct 16, 2023
@christianlupus
Copy link
Collaborator

This might be part of #1244.

@christianlupus christianlupus added this to the Release 0.10.4 milestone Oct 29, 2023
@christianlupus christianlupus added javascript Pull requests that update Javascript code Frontend Issue or PR related to the frontend code labels Oct 29, 2023
@christianlupus christianlupus added this to To do in UI rework via automation Oct 31, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request Frontend Issue or PR related to the frontend code javascript Pull requests that update Javascript code
Projects
Development

No branches or pull requests

2 participants