WordPress.org

Making WordPress.org

Opened 2 months ago

Closed 2 months ago

Last modified 2 months ago

#3196 closed defect (fixed)

Improve forum profile topics and replies list styling on mobile devices

Reported by: bcworkz Owned by: SergeyBiryukov
Milestone: Priority: normal
Component: Support Forums Keywords: has-screenshots has-patch
Cc:

Description

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 :)

Attachments (3)

profile-display-issue.jpg (52.3 KB) - added by bcworkz 2 months ago.
List table display issue
3196.diff (605 bytes) - added by audrasjb 2 months ago.
Improve forum profile topics and replies list styling on mobile devices - #3196
Capture d’écran 2017-10-15 à 16.32.38.png (111.2 KB) - added by audrasjb 2 months ago.
result on small screen size

Download all attachments as: .zip

Change History (7)

@bcworkz
2 months ago

List table display issue

#1 @SergeyBiryukov
2 months ago

  • Component changed from Profiles to Support Forums

#2 follow-up: @audrasjb
2 months ago

  • Keywords has-patch added

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.

Last edited 2 months ago by audrasjb (previous) (diff)

@audrasjb
2 months ago

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

@audrasjb
2 months ago

result on small screen size

#3 @SergeyBiryukov
2 months ago

  • Owner set to SergeyBiryukov
  • Resolution set to fixed
  • Status changed from new to closed

In 6031:

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

Props bcworkz.
Fixes #3196.

#4 in reply to: ↑ 2 @SergeyBiryukov
2 months ago

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.

Note: See TracTickets for help on using tickets.