Page MenuHomePhabricator

Large font in a table leaks outside of table cell in Monobook
Open, Needs TriagePublic

Description

For this simple wikitable, monobook has a broken rendering:

{|class="wikitable"
|-
|<span style="font-size: 600%;">ABCDEF</span>
|}

Please take a look at these two renderings:

https://en.wikipedia.org/wiki/User:Niboshi/MonoBookSkinTableLineHeight?useskin=monobook
https://en.wikipedia.org/wiki/User:Niboshi/MonoBookSkinTableLineHeight?useskin=vector

It seems the style .mw-body { line-height: 1.5em; } in resources/screen-common.less is the cause.

Tweaking the style to 1.5 (removing em) fixes the problem.
Perhaps this article is relevant: https://allthingssmitty.com/2017/01/30/nope-nope-nope-line-height-is-unitless/

Event Timeline

Aklapper renamed this task from Table broken in monobook for large font to Large font in a table leaks outside of table cell in Monobook.Jun 30 2020, 7:38 AM