Underscores not appearing in SyntaxHighlighter

[hardeepasrani]

Example: ​https://developer.wordpress.org/themes/functionality/custom-headers/

Using Firefox, the underscores aren't appearing in the last line inside the syntax highlighter (screenshot attached). Adding a padding of 0.5rem makes it visible.

[hardeepasrani]

Initial diff.

[hardeepasrani]

Comparison.

[Kenshino]

Don't use !important unless it's really necessary. Use better selectors

[hardeepasrani]

Replying to Kenshino:

Don't use !important unless it's really necessary. Use better selectors

Plugin's stylesheet is already using !important so better selectors won't do any good.

[Kenshino]

Replying to hardeepasrani:

Replying to Kenshino:

Don't use !important unless it's really necessary. Use better selectors

Plugin's stylesheet is already using !important so better selectors won't do any good.

:(

[Viper007Bond]

Yeah, the highlighting library that my plugin uses has !important to avoid being overridden by themes and such. This is one of the rare cases where it actually makes sense to use it (for the most part).

[coffee2code]

In 3853:

developer.wordpress.org: Add slight padding-bottom to syntax highlighted code container.

Fixes edge cases where underscores in the last line of syntax highlighted code get clipped.

Props hardeepasrani.
Fixes #1928.

[hardeepasrani]

Thanks. :)