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.