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

fix(label): change the flex for stacked and floating labels so buttons can be added

Browse Source 
fixes #5319
This commit is contained in:
Brandy Carney
2016-03-04 13:08:55 -05:00
parent bc0699409e
commit 65ee86f168
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ionic/components/input/test/stacked-labels/main.html
View File

@ -16,6 +16,7 @@
<ion-item> <ion-item>
<ion-label stacked>Label 2</ion-label> <ion-label stacked>Label 2</ion-label>
<ion-input value="Text 2"></ion-input> <ion-input value="Text 2"></ion-input>
<button item-right clear><ion-icon name="heart"></ion-icon></button>
</ion-item> </ion-item>
<ion-item> <ion-item>

8
ionic/components/label/label.scss
View File

@ -34,10 +34,9 @@ ion-label[fixed] {
max-width: 200px; max-width: 200px;
} }
.item-label-stacked, .item-label-stacked .item-inner,
.item-label-floating { .item-label-floating .item-inner {
flex-direction: column; flex-wrap: wrap;
align-items: flex-start;
} }
ion-label[stacked], ion-label[stacked],
@ -45,6 +44,7 @@ ion-label[floating] {
align-self: stretch; align-self: stretch;
margin-bottom: 0; margin-bottom: 0;
max-width: 100%; max-width: 100%;
flex-basis: 100%;
} }
ion-label[stacked], ion-label[stacked],