Wp-calypso: DevDocs: Plan Storage component not rendering in mobile screen width

Created on 24 Mar 2016  路  4Comments  路  Source: Automattic/wp-calypso

Steps to reproduce

  1. Navigate to https://wpcalypso.wordpress.com/devdocs/app-components
  2. Search for Plan, or scroll down
  3. Resize your browser to a mobile-friendly width

Also - the component doesn't load at any screen size when navigating directly to https://wpcalypso.wordpress.com/devdocs/app-components/plan-storage

What I expected

A mobile version of the component.

What happened instead

Invisible component

Screenshot / Video

wp-calypso-plan-storage

DevDocs [Type] Bug

Most helpful comment

Noting for posterity this was found with automated visual diff testing with AppliTools that @hoverduck set up to check the DevDocs visual page changes for every merge (every Calypso deploy, anyway).

All 4 comments

Forgot to ping @gwwar, who added this file in this commit: https://github.com/Automattic/wp-calypso/commit/9b069e8607b61b6ac8c40d6b3da015ec22dbb885

@hoverduck This is intended behavior <480, I'll update the rule to be specific to the media modal

https://github.com/Automattic/wp-calypso/blob/master/client/my-sites/plan-storage/style.scss#L31

:+1:

Noting for posterity this was found with automated visual diff testing with AppliTools that @hoverduck set up to check the DevDocs visual page changes for every merge (every Calypso deploy, anyway).

Was this page helpful?
0 / 5 - 0 ratings