javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

icon-left attribute belongs to ion-item-options

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2016-02-08 04:16:15 +01:00
parent 4e57fcf98a
commit 14abe9eb41
2 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
ionic/components/item/item-sliding.scss
View File

@ -32,18 +32,16 @@ ion-item-options .button {
height: 100%;
}
ion-item-sliding:not([horizontal]) {
.button.button-icon-left {
font-size: 14px;
ion-item-options:not([icon-left]) > .button-icon-left {
font-size: 14px;
.button-inner {
flex-direction: column;
}
ion-icon {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0.3em;
}
.button-inner {
flex-direction: column;
}
ion-icon {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0.3em;
}
}

4
ionic/components/item/test/sliding/main.html
View File

@ -50,12 +50,12 @@
</ion-item-options>
</ion-item-sliding>
<ion-item-sliding #item horizontal>
<ion-item-sliding #item>
<ion-item>
<ion-icon name="mail" item-left></ion-icon>
One Line w/ Icon, div only text
</ion-item>
<ion-item-options>
<ion-item-options icon-left>
<button primary (click)="archive(item)">
<ion-icon name="archive"></ion-icon>Archive
</button>