Skip to:
Content

BuddyPress.org

Opened 5 months ago

Last modified 5 months ago

#8879 new feature request

Due to the table on the releases page, the design is deteriorating in mobile size.

Reported by: aezazshekh's profile aezazshekh Owned by: johnjamesjacoby's profile johnjamesjacoby
Milestone: BuddyPress.org Sites Priority: normal
Severity: normal Version:
Component: BuddyPress.org Sites Keywords: needs-patch has-screenshots
Cc:

Description

Whenever we open https://codex.buddypress.org/releases/ page on a mobile screen, the design of the page breaks because of the table on this page.

Page Link => https://codex.buddypress.org/releases/

Attachments (1)

CleanShot 2023-05-03 at 18.58.26@2x.png (262.1 KB) - added by aezazshekh 5 months ago.
Screenshot of Issue

Download all attachments as: .zip

Change History (3)

@aezazshekh
5 months ago

Screenshot of Issue

#1 @nidhidhandhukiya
5 months ago

The below css can resolve the issue.

table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

But we can't add directly this css to table because it is impact to other table as well.
Need to add specific class into the html structure of this table and then if we apply above css this can resolve the issue.

#2 @imath
5 months ago

  • Milestone changed from Awaiting Review to BuddyPress.org Sites
Note: See TracTickets for help on using tickets.