TODO update

This commit is contained in:
Robin Scholtes 2023-04-19 23:44:18 +12:00
parent 12116e53b1
commit 4faaae3151

View file

@ -3,21 +3,27 @@
--- ---
### Mobile UI:
#### Operations:
- `categories` and `search-results` shouldn't really alter one another, rather `search-results` if there are any, should be placed at the top of `categories`
- bootstrap native 'x' in `input[type="search"]` should clear input value and then display `categories` rather than close the entire dropdown
- related: on invalid search input ( and no results ) or no input but focus on `search`, `categories` should be displayed
- on click of `input[type="search]`, `favourites` briefly opens and closes. It should remain open until further action
- on mobile, there is almost no visual feedback when adding an operation to the recipe list. Since the recipe list is not visible like on desktop, this is very confusing UX
#### General mobile UX:
- test *thoroughly* with keyboard popping up because that messes with view-heights on mobile probably and might make it a very frustrating experience
- test drag and drop etc. Regular mobile events / UX
### Desktop UI: ### Desktop UI:
- `search-results` should really be at the top once input, with `categories` below it #### Operations:
- dropdown must be open by default and not closable at all. Inherit any other behaviour from mobile Operations fixes
#### Bug
- `calcControlsHeight` and `adjustComponentSizes` cause trouble in `recipe` `rec-list` when resizing from desktop to mobile - `calcControlsHeight` and `adjustComponentSizes` cause trouble in `recipe` `rec-list` when resizing from desktop to mobile
### Mobile UI:
- bootstrap native 'x' in `input[type="search"]` should clear input value and
then display `categories` rather than close the entire dropdown
- on click of `input[type="search]`, `favourites` briefly opens and closes. Initially, it should be opened
- on invalid search input ( and no results ), categories should be displayed
- test with keyboard popping up because that messes with the viewheights on mobile probably
### General UI: ### General UI:
- fix up key / tab events so UI can be navigated comfortably with keys ( inc. visual focus feedback ). Probably a lot - fix up key / tab events so UI can be navigated comfortably with keys ( inc. visual focus feedback ). Probably a lot of work though
of work though
- hover / active states can use a bit of TLC
### JS: ### JS:
- `core/Recipe.mjs`, `core/lib/Magic.js` return imports to original - `core/Recipe.mjs`, `core/lib/Magic.js` return imports to original
@ -27,6 +33,7 @@
- check for remaining comments to be deleted - check for remaining comments to be deleted
- check and add browser vendor prefixes throughout stylesheets where needed - check and add browser vendor prefixes throughout stylesheets where needed
- comb through CSS and improve organisation for better DevX - comb through CSS and improve organisation for better DevX
- special checks for features removed from mobile ( like multiple tabs, minimise, maximise etc. )
- write / complete UI tests - write / complete UI tests
- delete this file when done :) - delete this file when done :)