Evaluate positioning of comment actions

[palkerecsenyi]

Right now, all comment actions are behind a relatively small icon button. As part of the new commenting features, we're adding quite a few actions, and users are likely to use these buttons more frequently.

We should reconsider how we present actions, e.g. we could make the icon button more prominent or switch to a toolbar.

• Create some mockups of potential designs, discuss which we like the most
• Implement the chosen design

[palkerecsenyi]

See this mockup for some possible designs

[carlinmack]

Inline images are easier to discuss :)

I dislike option 3 as it can be frustrating for users to know where to hover

I also wonder whether Copy is worthwhile being a top-level action like this?

[palkerecsenyi]

@carlinmack thank you for the feedback!

My choice (and number) of top-level actions was arbitrary and I meant them just as an example, we can rearrange them later :)

Also at the moment it's a "copy link" button not "copy", so this was also wrong in my mockup.

I somewhat like option 3 at the moment, the UI looks quite "busy" when so many toolbars are visible on all the comments. But I agree that accessibility is a problem with that. I am working on a simple prototype to preview what a full request page will look like.

[carlinmack]

Ah yep, if it was "🔗 Copy" it would be better

Also I think it looks a bit busy due to the default appearance of balsamiq Buttons, which is why I normally use Shapes for buttons instead when doing mockups. Also we could have narrow 1 or 2 px borders in the real UI which would help these buttons be more subtle

[lnielsen]

Couldn't help myself .... another possible option :-)

[palkerecsenyi]

Marking as blocked by #490: we will wait until we have at least a thorough design idea for threading before we consider what the action buttons should look like, as these will need to be different for the replies.