OOjs UI: FieldsetLayout: Styling fixes for `<legend>` labels
authorJames D. Forrester <jforrester@wikimedia.org>
Mon, 19 Sep 2016 15:41:44 +0000 (08:41 -0700)
committerJames D. Forrester <jforrester@wikimedia.org>
Mon, 19 Sep 2016 15:41:44 +0000 (08:41 -0700)
commit2a00a6e2561d7633540cceb6917dffab560a31d2
tree2d51d778048afadace0fcce96e6351129b8d7a50
parent04d739cb32789cfc2631e6ac5f7d4a286388d833
OOjs UI: FieldsetLayout: Styling fixes for `<legend>` labels

[Backport from OOjs UI master as this fixes a significant regression.]

* Make the `<legend>` 'display: inline-table' rather than 'table'.
  A block-level table would push down elements that follow it,
  including the "help" icon, which in turn messed up the fields.
  Fixes T145682, T145678 and first half of T145680.
* Only style .oo-ui-labelElement-label with margin and padding
  if we have the .oo-ui-labelElement class (label is not empty).
  Fixes second half of T145680.

Follow-up to 9cf8b941a9c618f1d7ba2512508f576f70116e1e.

Bug: T145682
Bug: T145678
Bug: T145680
Change-Id: Id95f4167afa6c000d6d2fa2ad7a62b65b6d4d53b
resources/lib/oojs-ui/oojs-ui-core-apex.css
resources/lib/oojs-ui/oojs-ui-core-mediawiki.css