Wp-calypso: Plans: Mobile design tweaks

Created on 12 Jul 2016  路  7Comments  路  Source: Automattic/wp-calypso

This is a more basic way to show plans on mobile. We would also look at working on swiping full cards on mobile once we have this launched.

mobile-plans

Plans [Type] Task

Most helpful comment

This is a big improvement.

I only noticed a small thing/question鈥攕hould the 'show included features' caret be all the way to the right, like collapsible card instead of next to the label? When next to the label it implies a select menu (like the section nav) rather than an accordion.

All 7 comments

This is a big improvement.

I only noticed a small thing/question鈥攕hould the 'show included features' caret be all the way to the right, like collapsible card instead of next to the label? When next to the label it implies a select menu (like the section nav) rather than an accordion.

Yep definitely.

Here's a rough sketch of how the feature expansion behaves
expand

Can't we just use the standard left-aligned card title for 'show included features?' Can you click on the text itself?鈥攊t'd be nice if you could click anywhere in the collapsible card to expand it I think.

Oh you're right @rickybanister, I must have been using the wrong prop.
screen shot 2016-07-12 at 11 05 25 am
header vs summary

Updated to look like:
expand

That looks great!

Was this page helpful?
0 / 5 - 0 ratings