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): remove margin from item-right in a stacked or floating label

Browse Source 
references #5319
This commit is contained in:
Brandy Carney
2016-03-04 13:23:47 -05:00
parent 65ee86f168
commit 74168278e4
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,7 +16,8 @@
<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>
<button item-right clear><ion-icon name="heart-outline"></ion-icon></button>
<button item-right clear><ion-icon ios="ios-call-outline" md="md-call"></ion-icon></button>
</ion-item>
<ion-item>

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

@@ -39,6 +39,12 @@ ion-label[fixed] {
flex-wrap: wrap;
}
.item-label-stacked [item-right],
.item-label-floating [item-right] {
margin-top: 0;
margin-bottom: 0;
}
ion-label[stacked],
ion-label[floating] {
align-self: stretch;