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

brandyscarney · brandyscarney · commit 65ee86f1686d · 2016-03-04T13:23:48.000-05:00
fixes #5319
diff --git a/ionic/components/input/test/stacked-labels/main.html b/ionic/components/input/test/stacked-labels/main.html
@@ -16,6 +16,7 @@
     <ion-item>
       <ion-label stacked>Label 2</ion-label>
       <ion-input value="Text 2"></ion-input>
+      <button item-right clear><ion-icon name="heart"></ion-icon></button>
     </ion-item>
 
     <ion-item>
diff --git a/ionic/components/label/label.scss b/ionic/components/label/label.scss
@@ -34,17 +34,17 @@ ion-label[fixed] {
   max-width: 200px;
 }
 
-.item-label-stacked,
-.item-label-floating {
-  flex-direction: column;
-  align-items: flex-start;
+.item-label-stacked .item-inner,
+.item-label-floating .item-inner {
+  flex-wrap: wrap;
 }
 
 ion-label[stacked],
 ion-label[floating] {
   align-self: stretch;
   margin-bottom: 0;
   max-width: 100%;
+  flex-basis: 100%;
 }
 
 ion-label[stacked],

Original file line number	Diff line number	Diff line change
`@@ -34,17 +34,17 @@ ion-label[fixed] {`
`34`	`34`	`max-width: 200px;`
`35`	`35`	`}`
`36`	`36`
`37`		`-.item-label-stacked,`
`38`		`-.item-label-floating {`
`39`		`- flex-direction: column;`
`40`		`- align-items: flex-start;`
	`37`	`+.item-label-stacked .item-inner,`
	`38`	`+.item-label-floating .item-inner {`
	`39`	`+ flex-wrap: wrap;`
`41`	`40`	`}`
`42`	`41`
`43`	`42`	`ion-label[stacked],`
`44`	`43`	`ion-label[floating] {`
`45`	`44`	`align-self: stretch;`
`46`	`45`	`margin-bottom: 0;`
`47`	`46`	`max-width: 100%;`
	`47`	`+ flex-basis: 100%;`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`ion-label[stacked],`