decaporg / decaporg/decap-cms

Please consider changing delete icon / placement + adding a confirmation for deleting a widget list item

Open
#7,135 2 comments 0 reactions 0 assignees View on GitHub
area: extensions/widgets/list area: ux type: feature
Dominant language
JavaScript
Stars
19.4k
Forks
3.1k
Avg merge
1d 14h
Merged PRs (30d)
9

Description

I haven't found anything relating to this searching through issues - but to give a bit of context:

_A new client got confused while adding items to a widget list. They clicked 'x' on one, thinking it was going to close the accordion for that item - which isn't too much of a stretch - didn't see the UI change - and consequently lost that entry._

Please consider:

- Introducing a delete confirmation dialog (even just a simple confirm() dialog) on clicking the delete icon, to make it clear this action is taking place / avoid accidental removal of items
- Changing the 'x' icon to a trash icon instead, to make it clearer that it's a delete action that will be triggered
- Alternatively - instead of a 'x' icon - put a trash button within the open accordion panel, in the lower right, removing the need for an icon on the closed list item, and also moving the delete action further away from the 'Add' button at the top of the list widget, which it also top right.

Hopefully there is some logic in there. I would be happy to offer some UX input into the project, if it's needed. Sadly my coding skills don't stretch to React, to contribute to the code directly.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.