chroma
chroma copied to clipboard
With LineNumbersInTable enabled, highlighted line numbers have wrong height
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.
@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: