Skip to content

fix(item): update to match Material Design spec#16182

Merged
brandyscarney merged 17 commits intomasterfrom
list-item-design
Nov 4, 2018
Merged

fix(item): update to match Material Design spec#16182
brandyscarney merged 17 commits intomasterfrom
list-item-design

Conversation

@brandyscarney
Copy link
Member

@brandyscarney brandyscarney commented Nov 1, 2018

Updates the list items to closer match the Material Design spec:

Includes some of the following:

  • splits the item min height by mode (md is now 48px)
  • removes padding end from the slotted end components in favor of using 16px on the item
  • updates the icon color to lighter gray (rgb) and reduces slotted icon size
  • removes font size change from text wrapped labels (per spec)
  • adds styles for an .item-multi-line class which will align the slotted elements at the top this could possibly be wrapped up with text-wrap to handle both but since it's just css probably not as a property

fixes #14799

master list-item-design
master list-item-design

- splits the item min height by mode
- removes padding end from the slotted end components in favor of using 16px on the item
- updates the icon color to lighter gray (rgb)
- removes font size change from text wrapped labels

fixes #14799
@ionitron-bot ionitron-bot bot added the package: core @ionic/core package label Nov 1, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

ion-item with icons spacing does not match Material Design guidelines (post shadow dom only)

1 participant