fix(label): change the flex for stacked and floating labels so button…

…s can be added fixes #5319
ionic-team · Mar 4, 2016 · 65ee86f · 65ee86f
1 parent bc06994
commit 65ee86f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
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],