javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 08:09:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
- add list spec test to include MD examples

fixes #14799
This commit is contained in:
Brandy Carney
2018-11-04 10:58:57 -05:00
committed by GitHub
parent 091625df64
commit e416c23b3b
27 changed files with 676 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/label/label.md.scss
View File

@ -9,8 +9,6 @@
}
:host([text-wrap]) {
font-size: $label-md-text-wrap-font-size;
line-height: $label-md-text-wrap-line-height;
}
@ -69,7 +67,7 @@
font-size: 14px;
line-height: normal;
line-height: 20px;
text-overflow: inherit;

11
core/src/components/label/label.md.vars.scss
View File

@ -11,22 +11,19 @@ $label-md-text-color: $text-color-step-600 !default;
$label-md-text-color-focused: ion-color(primary, base) !default;
/// @prop - Margin top of the label
$label-md-margin-top: $item-md-padding-top !default;
$label-md-margin-top: 13px !default;
/// @prop - Margin end of the label
$label-md-margin-end: ($item-md-padding-end / 2) !default;
$label-md-margin-end: 0 !default;
/// @prop - Margin bottom of the label
$label-md-margin-bottom: $item-md-padding-bottom !default;
$label-md-margin-bottom: 10px !default;
/// @prop - Margin start of the label
$label-md-margin-start: 0 !default;
/// @prop - Font size of the label when the text wraps
$label-md-text-wrap-font-size: 14px !default;
/// @prop - Line height of the label when the text wraps
$label-md-text-wrap-line-height: 1.5 !default;
/// @prop - Color of the item paragraph
$item-md-paragraph-text-color: $text-color-step-400 !default;
$item-md-paragraph-text-color: $text-color-step-400 !default;