WordPress.org
Get WordPress

Making WordPress.org

Opened 3 years ago

Closed 3 years ago

Last modified 10 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 3 years ago.
added patch
screenshot-project.png​ (113.5 KB) - added by multidots1896 3 years ago.
added screenshot
6139.2.patch​ (529 bytes) - added by multidots1896 3 years ago.
added patch

Download all attachments as: .zip

Change History (13)

@multidots1896
3 years ago

added patch

#1 @dd32
3 years ago

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

@multidots1896
3 years ago

added screenshot

#2 @dd32
3 years ago

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

#3 @multidots1896
3 years ago

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

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

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

#5 follow-up: @hilayt24
3 years ago

  • Keywords needs-refresh needs-design-feedback added

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

added patch

#7 @dd32
3 years ago

#6176 was marked as a duplicate.

#8 @coffee2code
3 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
19 months ago

#6233 was marked as a duplicate.

#10 @sabernhardt
10 months ago

#6180 was marked as a duplicate.

Note: See TracTickets for help on using tickets.