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.

Information:

  • Prism version: 1.28, latest from the download page
  • Plugins: Line Highlight, Line Numbers
  • Environment: Browser

Description It’s my first ride with Prism, so I do not know if this is by design, if with previous version is correct or not. Aniway, the text is not vertical aligned, the issue is more visible if data-line is set, all seems ok if line-numbers is off…

html snip:

<pre data-line="36" class="line-numbers">
<code class="language-js">

Tested on Chrome and Firefox.

Example default lines line

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
RunDevelopmentcommented, May 18, 2022

The reason it doesn’t appear in Coy is that Coy works differently compared to other themes. In this case, Coy doing things differently just so happened to prevent this issue.

However, we can’t just change all themes to work like Coy. Firstly because that would also be a breaking change, and secondly because Coy’s way causes a lot of trouble for us in general. We even want to change Coy to behave like other themes in v2.

0reactions
vodkafilmcommented, May 17, 2022

This is the most extreme I see: image

This is not so extreme, but it is annoying: Screenshot from 2022-05-17 20-43-07

The coy theme seem to be ok, so I think there is something we can do without breaking. Screenshot from 2022-05-17 20-42-38

Just a css trick or something like that.

Read more comments on GitHub >

github_iconTop Results From Across the Web

vertical-align - CSS: Cascading Style Sheets - MDN Web Docs
The vertical-align property can be used in two contexts: To vertically align an inline element's box inside its containing line box.
Read more >
Alignment lines in Jetpack Compose - Android Developers
The Compose layout model lets you use AlignmentLine to create custom alignment lines that can be used by parent layouts to align and...
Read more >
How To Align Things In CSS - Smashing Magazine
There are a few ways to align elements in CSS. Let's make sense of inline and box alignment, flex and grid alignment and...
Read more >
Example text-align: justify - W3Schools Tryit Editor
The text-align: justify; value stretches the lines so that each line has equal width (like in newspapers and magazines). In my younger and...
Read more >
Align or justify text - Microsoft Support
You can align text with margins in Word, including left, center, right, and justified. ... The last line in the paragraph is aligned...
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