chroma icon indicating copy to clipboard operation
chroma copied to clipboard

With LineNumbersInTable enabled, highlighted line numbers have wrong height

Open jmooring opened this issue 2 years ago • 0 comments

With LineNumbersInTable enabled, if the inherited CSS line height is greater than one, then the height of highlighted numbers is not equal to the height of the highlighted code.

image

@willfaught suggested the following fix:

.chroma .lntable .lnt,
.chroma .lntable .hl {
    display: flex;
}

And while the body is open, perhaps we could make the second column take up the remaining width. You can see the difference above.

Using the adjacent sibling combinator:

.lntable .lntd + .lntd  {
  width: 100%;
}

With both of these changes:

image

jmooring avatar Jan 10 '23 06:01 jmooring