javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(label): make all ion-labels stacked or floating stretch

Browse Source 
closes #6134
This commit is contained in:
Brandy Carney
2016-05-19 19:32:18 -04:00
parent 2b836a930f
commit b742e1f0da
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/input/test/stacked-labels/main.html
View File

@@ -35,6 +35,11 @@
<ion-input value="http://url5.com/" type="url"></ion-input>
</ion-item>
<ion-item>
<ion-label stacked>Stacked Label</ion-label>
<ion-label>Double Label</ion-label>
</ion-item>
<ion-item>
<ion-label stacked>Label 6</ion-label>
<ion-select [(ngModel)]="gender">

11
src/components/label/label.scss
View File

@@ -40,16 +40,19 @@ ion-label[fixed] {
max-width: 200px;
}
ion-label[stacked],
ion-label[floating] {
.item-label-stacked ion-label,
.item-label-floating ion-label {
align-self: stretch;
margin-bottom: 0;
width: auto;
max-width: 100%;
}
ion-label[stacked],
ion-label[floating] {
margin-bottom: 0;
}
.item-label-stacked .input-wrapper,
.item-label-floating .input-wrapper {
flex: 1;