Copy text without creating textarea and use single container for copy success message

[warrenrodrigues]

Proposed changes

• Use a single message container to inform user when text is copied.
• Copy text without creating a textarea. Currently, the textarea appears at the bottom of the page. Screenshot below.

Screenshots (if appropriate) or codepen:

Types of changes

• Bug fix (non-breaking change which fixes an issue).
• New feature (non-breaking change which adds functionality).
• Breaking change (fix or feature that would cause existing functionality to change).

Checklist:

• I have read the CONTRIBUTING document.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

[DanielRuf]

Do you want to make a review? That would be awesome @christinavoudouris.

[ghost]

@warrenrodrigues this looks great! I'm glad someone was able to improve the code as I couldn't find a more eloquent solution. I tested it out in Codepen just now and agree that's optimal.

[warrenrodrigues]

@christinavoudouris Thank you. Good idea to offer an option to copy the code snippet.

[DanielRuf]

Thank you both for the great work!