Skip to content

Add transparent “Copy to Clipboard” icon to avoid blocking code visibility on hover #113

Description

@KrYash1511

Description:

Currently, when hovering over a code block, the “Click to Copy” text appears and covers part of the code, making it difficult to read.
To improve the user experience, I suggest replacing the text with a small transparent copy-to-clipboard icon that appears in the top-right corner.

Image

Expected Behavior:

A transparent clipboard icon should appear on hover.

The icon should not block or overlap the code.

Clicking the icon should copy the code to the clipboard as before.

Additional Note:

This will make the UI cleaner and ensure better readability of the code snippets.
Please assign this issue to me so I can start working on it.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions