Making WordPress.org

Context Navigation

← Previous Ticket
Next Ticket →

Opened 4 years ago

Closed 4 years ago

Last modified 2 years ago

#6139 closed defect (bug) (fixed)

White space are appearing in responsive devices

Reported by:	multidots1896	Owned by:	coffee2code
Priority:	normal	Milestone:
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 4 years ago.: added patch
screenshot-project.png (113.5 KB ) - added by multidots1896 4 years ago.: added screenshot
6139.2.patch (529 bytes ) - added by multidots1896 4 years ago.: added patch

Download all attachments as: .zip

Change History (13)

@multidots1896
4 years ago

Attachment 6139.patch added

added patch

#1 @dd32
4 years ago

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

@multidots1896
4 years ago

Attachment screenshot-project.png added

added screenshot

#2 @dd32
4 years ago

Component General → Make (Get Involved) / P2

#3 @multidots1896
4 years ago

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

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

#4 @hilayt24
4 years ago

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

Version 0, edited 4 years ago by hilayt24 (next)

#5 follow-up: ↓ 6 @hilayt24
4 years ago

Keywords needs-refresh needs-design-feedback added

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

Attachment 6139.2.patch added

added patch

#7 @dd32
4 years ago

#6176 was marked as a duplicate.

#8 @coffee2code
4 years ago

Owner set to coffee2code
Resolution → fixed
Status new → closed

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
3 years ago

#6233 was marked as a duplicate.

#10 @sabernhardt
2 years ago

#6180 was marked as a duplicate.

Note: See TracTickets for help on using tickets.

Download in other formats: