Making WordPress.org

Opened 2 years ago

Closed 2 years ago

Last modified 7 months ago

#6139 closed defect (bug) (fixed)

White space are appearing in responsive devices

Reported by: multidots1896's profile multidots1896 Owned by: coffee2code's profile coffee2code
Milestone: Priority: normal
Component: Make (Get Involved) / P2 Keywords: has-patch has-screenshots
Cc:

Description

White space are appearing in responsive devices of meta projects page

Attachments (3)

6139.patch (530 bytes) - added by multidots1896 2 years ago.
added patch
screenshot-project.png (113.5 KB) - added by multidots1896 2 years ago.
added screenshot
6139.2.patch (529 bytes) - added by multidots1896 2 years ago.
added patch

Download all attachments as: .zip

Change History (12)

@multidots1896
2 years ago

added patch

#1 @dd32
2 years ago

Please include a URL, and preferable screenshot of the issue.

@multidots1896
2 years ago

added screenshot

#2 @dd32
2 years ago

  • Component changed from General to Make (Get Involved) / P2

#3 @multidots1896
2 years ago

Follow below URL and open inspector in responsive screen dimensions
https://make.wordpress.org/meta/projects/

Last edited 2 years ago by multidots1896 (previous) (diff)

#4 @hilayt24
2 years ago

On adding "overflow-x: hidden" the table also gets hidden. Even though it solves the extra spacing issue on smaller devices.

Link to the issue : https://www.awesomescreenshot.com/image/23094412?key=697bd8ccb6bcfd9067a5054cf5a29a8b

Last edited 2 years ago by hilayt24 (previous) (diff)

#5 follow-up: @hilayt24
2 years ago

  • Keywords needs-refresh needs-design-feedback added

#6 in reply to: ↑ 5 @multidots1896
2 years ago

  • Keywords needs-refresh needs-design-feedback removed

Hi @hilayt24
Added css for hidden table issue in below 640px screen.
Link:https://www.loom.com/share/52c5f1f1e3d146b3a96ba2189cd34c10

Thanks

@multidots1896
2 years ago

added patch

#7 @dd32
2 years ago

#6176 was marked as a duplicate.

#8 @coffee2code
2 years ago

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

In 11821:

Breathe: Make tables horizontally scrollable at smaller viewports.

Does the job, but ideally tables should be truly responsive.

Props multidots1896, hilayt24, coffee2code.
Fixes #6139.

#9 @coffee2code
7 months ago

#6233 was marked as a duplicate.

Note: See TracTickets for help on using tickets.