WordPress.org

Making WordPress.org

Opened 2 years ago

Closed 2 years ago

Last modified 2 years 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 years ago.
List table display issue
3196.diff (605 bytes) - added by audrasjb 2 years 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 years ago.
result on small screen size

Download all attachments as: .zip

Change History (7)

@bcworkz
2 years ago

List table display issue

#1 @SergeyBiryukov
2 years ago

  • Component changed from Profiles to Support Forums

#2 follow-up: @audrasjb
2 years 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 years ago by audrasjb (previous) (diff)

@audrasjb
2 years ago

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

@audrasjb
2 years ago

result on small screen size

#3 @SergeyBiryukov
2 years 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 years 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.