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.

Suggestions: make the text grayed out until mouseover + have smaller text size

See original GitHub issue

First, thank you for this very useful extension!


I’d like to make two suggestions about the text:

  • to be initially grayed out (less opacity), and only make it normal on mouseover, and
  • to have smaller size (the same text size as in forked from - see the first screenshot in the end).

The also forked to text, not being grayed out, becomes distractive compared to the repo name, even though it’s additional info: the most notable fork is surely very useful info, but less important that the original repo that the current one was forked from.

 

Here is a screenshot comparison:

forked from (default by GitHub in forks) 2020-11-23_222306

also forked to (this extension) 2020-11-23_222341

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
musically-utcommented, Dec 27, 2020

I’ve changed the styling of the text to match the forked from in the extension. However, I haven’t implemented the greying out partly because it is more work, and partly because we may need to change the grey based on light/dark mode. I don’t want to throw in more GitHub layout-dependent features into the extension quite yet. 😃

1reaction
musically-utcommented, Nov 23, 2020

Indeed, you are right that the CSS formatting of this extension has drifted slightly since the new GitHub rebranding.

I’ll fix it this coming weekend.

Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Allow configuring hover font size #163093 - microsoft/vscode
Anything smaller is UNREADABLE. The font size of hovers appears to be proportional to the editor font size. So 18px + X% is...
Read more >
Gray out image with CSS? - Stack Overflow
My context is that I have rows in a table that all have buttons in the right most cell and some rows need...
Read more >
font-size | CSS-Tricks
The font-size property specifies the size, or height, of the font. font-size affects not only the font to which it is applied, but...
Read more >
text-size-adjust - CSS: Cascading Style Sheets - MDN Web Docs
When an element containing text uses 100% of the screen's width, the algorithm increases its text size, but without modifying the layout. The ......
Read more >
Resize text layers – Figma Help Center
Select the Text layer and hover over the bounding box until the Scale handle appears. Click and drag to Scale your Text. The...
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found