WordPress.org
Get WordPress

Making WordPress.org

Opened 2 years ago

Last modified 4 months ago

#6244 new defect (bug)

In WPTV Category page video group layout should be full width in mobile

Reported by: multidots1896's profile multidots1896 Owned by:
Milestone: Priority: normal
Component: WordPress.tv Keywords: has-patch has-screenshots
Cc:

Description

In WPTV Category page video group layout should be full width in mobile below media screen 415px.
Url:
​https://wordpress.tv/category/how-to/

Attachments (2)

wptv-screenshot.png​ (571.1 KB) - added by multidots1896 2 years ago.
added screenshot
6244.patch​ (700 bytes) - added by multidots1896 2 years ago.
added patch

Download all attachments as: .zip

Change History (5)

@multidots1896
2 years ago

added screenshot

@multidots1896
2 years ago

added patch

#1 @dd32
2 years ago

#6279 was marked as a duplicate.

This ticket was mentioned in ​PR #316 on ​WordPress/wordpress.org by ​@sabernhardt.
4 months ago #2

  • Removes max-width from the list item.
  • Sets the thumbnail image to 100% width and auto height to start (without a media query).
  • Moves the image's exact dimensions inside the min-width: 415px media query.

https://meta.trac.wordpress.org/ticket/6244

#3 @sabernhardt
4 months ago

6244.patch​ could work for visitors whose screens are less than 415 pixels wide, though the design would break at exactly 415 pixels. I think the max-width can be removed, and the image could have 100% width for the base style but exact dimensions starting at the 415px breakpoint. I made a pull request to try that approach.

Note: See TracTickets for help on using tickets.