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(label): move default flex and margin to item (#16461)

Browse Source 
This moves item-specific margin and flex values out of label and into item as a slotted style to prevent those styles from leaking into labels further down the tree.

closes #15393
This commit is contained in:
Cam Wiegert
2018-11-26 18:30:17 -06:00
committed by GitHub
parent 09d69b9bf6
commit 723d17b868
8 changed files with 37 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,10 +4,6 @@
// iOS Label
// --------------------------------------------------
:host-context(.item) {
@include margin($label-ios-margin-top, $label-ios-margin-end, $label-ios-margin-bottom, $label-ios-margin-start);
}
:host([text-wrap]) {
font-size: $label-ios-text-wrap-font-size;

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

@ -4,10 +4,6 @@
// Material Design Label
// --------------------------------------------------
:host-context(.item) {
@include margin($label-md-margin-top, $label-md-margin-end, $label-md-margin-bottom, $label-md-margin-start);
}
:host([text-wrap]) {
line-height: $label-md-text-wrap-line-height;
}

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

@ -10,12 +10,8 @@
*/
--color: initial;
@include margin(0);
display: block;
flex: 1;
color: var(--color);
font-family: $font-family-base;