WP 4.3 changed CSS breaks layout of Welcome Screen sections

[mercime]

WP 4.3 trunk, BP 2.4 trunk

Attached screenshot shows the broken layouts of “The Finer Points” and “Under the Hood” sections of BP's Welcome Screen Page as compared to ​https://buddypress.trac.wordpress.org/attachment/ticket/6433/welcome-screen.png.

There are different ways to address this issue, depending on whether the plan to redesign the Welcome Screen page for BP 2.4.0 will push through. One solution is add inline styles, another is to enqueue a stylesheet for this panel. Need decision for either way or to work on another option.

[espellcaste]

I'm not sure about the future plans for the Welcome Screen, but I think enqueueing a stylesheet seems better in this case.

[mercime]

Attached patch adds the minimum styles needed in common.css and common-rtl.css to bring the layout of the two sections back to former glory as seen in ​https://buddypress.trac.wordpress.org/attachment/ticket/6433/welcome-screen.png

Thanks for your feedback @espellcaste.

[DJPaul]

If we add these to BP 2.3.3, they won't cause problems on older WP versions? Because it's the same markup? Right?

[mercime]

@DJPaul Yes, it's the same markup and won't cause problems in at least WP 4.2 as I used core's style from that version in attached patch. Speaking of which, preparing another patch to include mobile-friendly style as well.

[mercime]

Attached patch includes mobile-friendly styles.

[djpaul]

In 10063:

Welcome Screen: backport CSS from WP 4.3 welcome screen to fix ours in WP 4.4+.

Props mercime, fixes #6582 (trunk).

[djpaul]

In 10064:

Welcome Screen: backport CSS from WP 4.3 welcome screen to fix ours in WP 4.4+.

Props mercime, fixes #6582 (2.3 branch).