makeplane / plane

🔥 🔥 🔥 Open Source JIRA, Linear, Monday, and Asana Alternative. Plane helps you track your issues, epics, and product roadmaps in the simplest way possible.
http://plane.so
GNU Affero General Public License v3.0
29.54k stars 1.63k forks source link

[feature]: edit/add/delete label in issue edit mode #2796

Open romainds-tech opened 10 months ago

romainds-tech commented 10 months ago

Is there an existing issue for this?

Summary

Hi, we can't edit/add/delete label in this issue edit mode

CleanShot 2023-11-18 at 23 22 52@2x

Currently we can only edit it in this little modal or in the full screen edit mode CleanShot 2023-11-18 at 23 24 17@2x

Why should this be worked on?

I think it can be useful to add this feature in the first screenshot red rectangle. If ever editing isn't interesting, I think at least displaying the labels would be relevant. I'd like to be assigned to it.

vihar commented 10 months ago

@romainds-tech, our peek over mode is currently a work in progress. to create or update labels, you'll need to open the issue in full screen mode, which can be accessed using the expand icon located at the top-left corner of the peek mode.

we're addressing this in the upcoming release, sharing the designs for the new peek mode here for feedback ⬇️ CleanShot 2023-11-20 at 08 37 46@2x

to delete labels, you need to navigate to the project settings and manage them there. however, we're eager to hear your thoughts on how the user experience could be enhanced, particularly in terms of managing the creation and deletion of labels from either the peek mode or full screen mode.

what do you think?

ousszizou commented 10 months ago

@vihar I've taken a look at the screenshots u provided & I think the best UX for label management is the on-demand approach like Notion uses (see screenshots below). This way, the UI stays clean & the options for managing labels only appear when you actually need them, Having management options like the three dots appear only upon hover is an elegant solution that provides necessary functionality without overwhelming the user with too many persistent UI elements.. It's straightforward & keeps things simple without adding extra elements that we might not use very often.

It's all about keeping it straightforward yet functional.

2 1

romainds-tech commented 10 months ago

Hi @vihar thank you for your response. @ousszizou I think the approach you're proposing adds an extra layer of modal, it's a bit like lego -> modal in modal in modal I think we can do it with an external modal from a UI/UX point of view I find the approach of the Asana tool interesting, you can choose a label in the little modal and at the very bottom of the modal you have the possibility to click on "edit options" and the button open a new modal to edit all labels

CleanShot 2023-11-20 at 13 02 36

CleanShot 2023-11-20 at 13 05 56

ousszizou commented 10 months ago

@romainds-tech the Notion approach is just an inspiration. It's pretty straightforward to avoid the 'modal within a modal' feel. Take a look at my screenshots for an alternative approach. I'm aiming for on-demand functionalities that don't bloat the interface or repeat elements unnecessarily. It's all about keeping the UI clean while providing the necessary features.

1 2 3

in my alternative approach, as you can see, effectively eliminate that cluttered 'modal within a modal' feeling. This design allows users to perform actions quickly and intuitively. While it might add some complexity on the development side, I believe it's a worthwhile trade-off to streamline the user experience.

romainds-tech commented 10 months ago

@ousszizou this alternative approach make sens and don't feel a 'modal within a modal' feeling. Highly relevant and most elegant.