Improve forum profile topics and replies list styling on mobile devices

[bcworkz]

The topics and replies list tables in user profiles has small screen display issues. The page nav element prevents the main table div from using available screen width on mobiles and reduced width windows. (See attached image from Desktop FF, same on Chrome Android) The bbp-topics class style includes a clear: none; rule. It should be both or right, at least for small screens. Unsure how it may affect other elements sharing the rule. This may be an overall bbPress issue, I'm currently unable to setup an independent bbPress test. I'm trusting the awesome meta team is capable of getting this into the right hands :)

[bcworkz]

List table display issue

[audrasjb]

Hello @bcworkz
I tried a patch on wordpress.org/public_html/wp-content/themes/pub/wporg-support/style.css which seems to host the overriding css rules for Support Forums. Hope this is the right location.

[audrasjb]

Improve forum profile topics and replies list styling on mobile devices - #3196

[audrasjb]

result on small screen size

[SergeyBiryukov]

In 6031:

Support Theme: Make sure topics and replies tables in profiles use the available screen width on mobile devices.

Props bcworkz.
Fixes #3196.

[SergeyBiryukov]

Replying to audrasjb:

I tried a patch on wordpress.org/public_html/wp-content/themes/pub/wporg-support/style.css which seems to host the overriding css rules for Support Forums. Hope this is the right location.

Haven't seen your patch, sorry! For future reference, style.css file in Support Theme is auto-generated, files in the wporg-support/sass directory should be patched instead.