IgnacioPinedo / checklist-app

1 stars 0 forks source link

Update Suggestions #1

Closed 5b21r closed 7 months ago

5b21r commented 8 months ago

Features

Drag itens and sections up and down only while editing the checklist

I recommend the icon (https://fonts.google.com/icons?selected=Material+Symbols+Outlined:drag_indicator:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=drag) for this feature and to be placed at the left side to the section/item name.

Feedbacks

1. remove all the plus (+) sign buttons from every item and only include it next to a section (meaning to add a new section) and next to the last item (meaning to add one more item).

2. Change color of the trash bin icon to red, the plus (+) icon to blue and the double check mark to green)

Pallet color suggestions below

Color Pallet Suggestion

For the background I would try Onyx [#3D3D3D (RGB 61,61,61)] while text color switches to full white.

For detail color, such as icons I would try Fire Engine Red [#C9101C (RGB 201, 16, 28)] and Lime Green [#13CC35 (RGB 19, 204, 53)]

Link of the color pallet here: https://coolors.co/3d3d3d-c9101c-13cc35-ffffff

UI References

Screenshot 2024-02-05 at 21 41 37 Screenshot 2024-02-05 at 21 37 54

IgnacioPinedo commented 7 months ago

Hey @5b21r regarding this feedback

remove all the plus (+) sign buttons from every item and only include it next to a section (meaning to add a new section) and next to the last item (meaning to add one more item).

What do you think about making a little close to what the ToDos app does and have the an empty item at the bottom of each list of item which, when filled up, would become an actual item and another empty one would take it's place? Like the following:

Screenshot 2024-02-27 at 5 28 22 PM

And something similar for sections as well:

Screenshot 2024-02-27 at 5 31 03 PM
IgnacioPinedo commented 7 months ago

@5b21r also on:

Change color of the trash bin icon to red, the plus (+) icon to blue and the double check mark to green)

I do see the red and green colors on the Color Pallet Suggestion section, but I'm not seeing the blue one.

5b21r commented 7 months ago

Hey @5b21r regarding this feedback

remove all the plus (+) sign buttons from every item and only include it next to a section (meaning to add a new section) and next to the last item (meaning to add one more item).

What do you think about making a little close to what the ToDos app does and have the an empty item at the bottom of each list of item which, when filled up, would become an actual item and another empty one would take it's place? Like the following:

Screenshot 2024-02-27 at 5 28 22 PM

And something similar for sections as well:

Screenshot 2024-02-27 at 5 31 03 PM

That is a perfect idea! let's try that!

5b21r commented 7 months ago

@5b21r also on:

Change color of the trash bin icon to red, the plus (+) icon to blue and the double check mark to green)

I do see the red and green colors on the Color Pallet Suggestion section, but I'm not seeing the blue one.

You can use [this pallete]