fix(range): ion-label stacked with ion-range

fixes #7046
ionic-team · Jun 25, 2016 · 2b586c7 · 2b586c7
1 parent d0b1930
commit 2b586c7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/src/components/label/label.scss b/src/components/label/label.scss
@@ -40,19 +40,16 @@ ion-label[fixed] {
   max-width: 200px;
 }
 
-.item-label-stacked ion-label,
-.item-label-floating ion-label {
+ion-label[stacked],
+ion-label[floating] {
   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;

diff --git a/src/components/range/test/basic/page1.html b/src/components/range/test/basic/page1.html
@@ -28,7 +28,7 @@
     </ion-item>
 
     <ion-item>
-      <ion-label>init=150, min=-200, max=200</ion-label>
+      <ion-label stacked>init=150, min=-200, max=200</ion-label>
       <ion-range min="-200" max="200" [(ngModel)]="singleValue2" secondary>
         <ion-label range-left>-200</ion-label>
         <ion-label range-right>200</ion-label>