Wp-calypso: Components: The RelatedPostCardv2 component has overlapping text at mobile width

Created on 12 Sep 2016  路  3Comments  路  Source: Automattic/wp-calypso

Steps to reproduce

  1. Starting at URL: https://wpcalypso.wordpress.com/devdocs/blocks
  2. Scroll down to the "More in Site" and "More in WordPress.com" sections
  3. Resize the browser to a mobile screen width

    What I expected

To be able to read the text

What happened instead

The user and header text are overlapping

Browser / OS version

Seen in Chrome (OSX and Android) and Safari (OSX)

Screenshot / Video

screen shot 2016-09-12 at 9 17 20 am

Context / Source

automated-testing #visdiff-testing

Components DevDocs [Type] Bug

All 3 comments

CC @jancavan Did you implement Related Posts? Can you take a look at this mobile view breakage?

@lancewillett This might be due to the fact there's some odd padding set on Devdocs as mentioned in: https://github.com/Automattic/wp-calypso/issues/8674#issuecomment-253228142, but I'll look into it.

I think the overlapping has been fixed since I'm no longer able to repro this issue.

Was this page helpful?
0 / 5 - 0 ratings