Skip to content

Make list page UI improvements #49

Description

@Velocities

The following improvements should be made to the NewShoppingList and ShoppingListDetail page components:

  • The title, add item button, save item button, field names, and (specific to ShoppingListDetail) Edit Mode button should all have sticky positioning; this way, the user can scroll down through a long list of items without having to go all the way back to the top to use these inputs
  • The save item button should have purple background color, white text color, a save logo (much like MS Word or other software's do), and have the same or similar sizing to the add item button; the save button currently uses default styling and is hence not very user friendly in terms of both sizing and aesthetic design
  • The add item button should have a number option (likely using IntegerQuantityValue) for how many items to add when the button is clicked; this means the user won't have to click the button multiple times if they have many items they need on their list
  • For the ShoppingListDetail page component, the edit mode should have a reset button that resets all of their attempted changes when clicked but only when the user confirms via a confirmation prompt (this would likely be implemented with window.confirm or some other built-in javascript prompting method).

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions