question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`highlight-deleted-and-added-files-in-diffs` causes copy button to show underline on hover

See original GitHub issue

Please ensure:

  • The bug is caused by Refined GitHub. It doesn’t happen if I disable the extension.

Description

The copy button after filenames is a link (.Link--onHover), but somehow it doesn’t show an underline on hover (I can’t find the corresponding CSS).

Screen Shot 2021-10-06 at 00 04 45

However, if you put anything after it (like highlight-deleted-and-added-files-in-diffs), it will show a ugly underline on hover:

image

Help wanted to find the GitHub CSS rule that hide the underline and add a new rule to (always?) hide it.

Screenshot

No response

Console errors

No response

Example URL

https://github.com/refined-github/refined-github/commit/4d7db0859baa6a79ebf3821e8974a100ab5e237d

Browser(s) used

Chrome

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (8 by maintainers)

github_iconTop GitHub Comments

2reactions
kidonngcommented, Oct 9, 2021

If I read the rules correctly, the repo must have a “hacktoberfest” label. As for the participating PR themselves, a “hacktoberfest-accepted” label is not required, merge or even just approve works.

1reaction
kidonngcommented, Oct 9, 2021

Thanks for the clarification @busches, don’t know why I missed that line. I prefer not to label the repository unless we have to, to reduce possible spams (we already had one in the recent week).

Read more comments on GitHub >

github_iconTop Results From Across the Web

Text that shows an underline on hover - Stack Overflow
Fairly simple process I am using SCSS obviously but you don't have to as it's just CSS in the end ...
Read more >
How To Show Underline of a Text Link only on mouse hover
In this tutorial, we are gonna turn off the underline of a link and show it only on mouse hover. The browser shows...
Read more >
Create Underline Button Hover Effects | Pure CSS - YouTube
Create simple hover button underline effect, we are gonna create the underline using Pseudo-element ::after Create a smooth shadow ...
Read more >
underline hover script to use for buttons - WordPress.org
HI, I would like to extend the hover underline effect in the navigation menu to my buttons on the page, just to make...
Read more >
How to create sliding underline on hover for button blocks
Simply copy the css below, Then head to to 'Design' and then 'Custom CSS' and paste the code. .sqs-block-button { padding-left: 0; //...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Hashnode Post

No results found