With LineNumbersInTable enabled, highlighted line numbers have wrong height

[jmooring]

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:

[jmooring]

Please re-open. The problem is still present in v2.23.0. Thanks.

And for anyone stumbling across this... yes, you can work around the problem with inline line numbers, but then you run into this 9 year old Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1273836. However, the Firefox market share is < 3% these days, so maybe that's OK.

[alecthomas]

This does seem like a real bug, but there's also not been a PR for the fix in three years even though there seems to be a proposed solution...

[jmooring]

Please re-open and I'll put it on my list. If it's still open 6 months from now, close it again.

[alecthomas]

Sounds good!