Make it more intutive how to rename a card

[moeenio]

Is your feature request related to a problem? Please describe.
I struggled to find that you need to double-click on a card's title to rename it.

Describe the solution you'd like
I think it would be great to have like a "pencil" button, and to have this both in the sidebar and on the card's title on the board when hovering, or to stick with double-clicking the card in the board and having a pencil button in the sidebar only.

[juliusknorr]

Please share some details about your browser as it should only require a single click on the title of the card. If we add an edit button this should definitely go to the 3-dots menu where the other actions are located to not clutter the card ui to much.

[juliusknorr]

cc @jancborchardt @Clementine46 @Nyco regarding the UX here

[moeenio]

Yeah, it is a single click, sorry.

Anyways, Firefox 77.0b8, macOS 10.11.6

[jancborchardt]

Single clicking on the text itself is used by Trello too, no? It’s the simplest interaction and we should definitely keep that. We could enhance the design by having a hover/focus feedback which makes it more obvious that you can edit directly, for example by displaying it more as an input field on hover/focus?

[Nyco]

We'll put some brain into this.

[Nyco]

In 0.8.x:

• Hover title: pointer transforms from "arrow" to "text insert/select"
• Click: title is editing more but no super obvious, cursor at the end of text, details do not open
• Click twice (a second time), or double-click: edit at the pointer, details open
• Click on card details title: title is editing more but no super obvious, cursor at the end of text

In 1.0.x

• Hover title: pointer transforms from "arrow" to "text insert/select"
• Click: title is editing with more obvious UI, but no cursor (typing text does nothing), details do not open
• Click twice (a second time), or double-click: edit at the pointer, details open
• Click on card details title: title is NOT editing

In Trello:

• Hover title: pointer transforms from "arrow" to "hand/finger pointing" (link)
• Click: open card (popover, background is greyed out)
• Double-click: open card details
• Click on card details title: title is editing with obvious UI, pointer at the correct position

Improvement from 0.8 to 1.0:

• Editing mode is more visually obvious

Regression from 0.8 to 1.0:

• Clicking on card title once does not edit it
• Clicking on card details title does not edit it

[juliusknorr]

Clicking on card title once does not edit it

#865 will solve this

Clicking on card details title does not edit it

Can be tackled once nextcloud-libraries/nextcloud-vue#1288 is released