Skip to content
This repository has been archived by the owner on Apr 13, 2024. It is now read-only.

Copy icon moving with the page instead of being 'sticky' #35

Open
thegreatestgiant opened this issue Mar 16, 2023 · 0 comments
Open

Copy icon moving with the page instead of being 'sticky' #35

thegreatestgiant opened this issue Mar 16, 2023 · 0 comments

Comments

@thegreatestgiant
Copy link

thegreatestgiant commented Mar 16, 2023

On this page I noticed that when I scrolled to the right
The copy icon scrolled also so that way it ended up in the middle of the page
However, the 'copy' text, which did the actual copying stayed in the corner

I suggest that you put the copy icon under the toolbar class, make the class always visible, and make the copy text a tooltip that only appears when you hover over the icon

Edit: I realized that you already do the tooltip so I think you should just move the icon to the toolbar and get rid of the copy text

Edit2: Steps to reproduce:

  1. Go to this link
  2. Scroll down to the docker compose file
  3. If you need to, drag in your window so that way you activate, overflow:scroll or overflow:hidden whichever it is
  4. Scroll sideways on the docker compose and take note of the copy icon
@thegreatestgiant thegreatestgiant changed the title Copy icon Copy icon moving with the page instead of being 'sticky' Mar 16, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant