Page MenuHomePhabricator

Hard-coded diff line height interacts poorly with large custom font sizes
Closed, ResolvedPublic

Description

To reproduce:

  • Set SettingsDisplay PreferencesMonospaced Font to "24px Impact".
  • View a diff.
  • If necessary, reduce window width so that lines softwrap.

Result:

Screen Shot 2016-05-12 at 4.27.34 PM.png (365×1 px, 74 KB)

If the .differential-diff td rule line-height: 16px; is removed, this preferable rendering is produced instead:

Screen Shot 2016-05-12 at 4.30.13 PM.png (347×1 px, 68 KB)

It looks like this rule first appears in rPe284d5b5dc7d, several months before Phabricator was open sourced. Simply removing it causes some immediate obvious damage where intraline highlights have an improper baseline:

Screen Shot 2016-05-12 at 4.34.19 PM.png (51×1 px, 22 KB)