Better UI for copy button

[yucheng11122017]

Please confirm that you have searched existing issues in the repo

Yes, I have searched the existing issues

Any related issues?

#2580

What is the area that this feature belongs to?

No response

Is your feature request related to a problem? Please describe.

Few points brought up

• Pop up that code has been copied. While @Incogdino's new feature has made it clearer, a notification saying copied is quite common
• Enable users to disable this if they want

Describe the solution you'd like

Add pop up
Enable users to add one line to the copy plugin to disable the tick icon

Describe alternatives you've considered

No response

Additional context

No response

[damithc]

• Pop up that code has been copied. While @Incogdino's new feature has made it clearer, a notification saying copied is quite common

Preferably, something subtle and doesn't require any action from (or gets in the way of) the user?

• Enable users to disable this if they want

This one is useful but best to analyse cost vs benefit to see if it is worth implementing.

[Incogdino]

I think a popover would better suit the needs of this enhancement instead of a popup since a popup might require users to explicitly close it.

Also, I was thinking if it would be good to have a popover that appears when hovered indicating the action of the button. This is because although the copy button might be intuitive, the text wrap button might not be very intuitive to readers.

[lhw-1]

I personally find something like this in GitHub itself quite intuitive:

• Enable users to disable this if they want

This is a simple tooltip that appears on hover (that does not require explicit actions from users to close since it auto-closes). This would also make it a straightforward UI improvement - I think allowing users to toggle this on / off might be a bit of an overkill.

Also, I was thinking if it would be good to have a popover that appears when hovered indicating the action of the button. This is because although the copy button might be intuitive, the text wrap button might not be very intuitive to readers.

Agreed - this would be a good general improvement for many of our buttons (and might be great for accessibility even).

[Incogdino]

This issue can be closed since the feature was merged in #2657