WordPress.org
Get WordPress

Making WordPress.org

Opened 19 months ago

Closed 17 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 19 months ago.
added patch
screenshot-project.png​ (113.5 KB) - added by multidots1896 19 months ago.
added screenshot
6139.2.patch​ (529 bytes) - added by multidots1896 19 months ago.
added patch

Download all attachments as: .zip

Change History (11)

@multidots1896
19 months ago

added patch

#1 @dd32
19 months ago

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

@multidots1896
19 months ago

added screenshot

#2 @dd32
19 months ago

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

#3 @multidots1896
19 months ago

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

Last edited 19 months ago by multidots1896 (previous) (diff)

#4 @hilayt24
19 months 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 19 months ago by hilayt24 (previous) (diff)

#5 follow-up: @hilayt24
19 months ago

  • Keywords needs-refresh needs-design-feedback added

#6 in reply to: ↑ 5 @multidots1896
19 months 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
19 months ago

added patch

#7 @dd32
19 months ago

#6176 was marked as a duplicate.

#8 @coffee2code
17 months 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.

Note: See TracTickets for help on using tickets.