Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Problem with copy button overlapping text #411

Open
dsalazarm opened this issue Oct 26, 2023 · 1 comment
Open

Problem with copy button overlapping text #411

dsalazarm opened this issue Oct 26, 2023 · 1 comment

Comments

@dsalazarm
Copy link

Hello:
We're seeing a weird behavior when the 1st line of code is long enough, the copy button overlaps with the text.

I'm attaching some screenshots:

  • Current behavior:
Screenshot 2023-10-26 at 8 42 39 AM
  • Issue:
Screenshot 2023-10-26 at 8 50 00 AM

I found that there is a 0 value for top in this:

if we add, let's say 5px to this property, it will look like this:

  • 5px top value:
Screenshot 2023-10-26 at 8 52 37 AM
  • or with 10px:
Screenshot 2023-10-26 at 9 48 45 AM
  • Another option is changing the top property for .ch-code-button to 5px:
Screenshot 2023-10-26 at 9 51 25 AM

What do you think its the best option for this?

I can create a PR once we make a final decission

@Nctawade
Copy link

Nctawade commented Nov 3, 2023

I think last one "ch-code" makes more sense

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants