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

fix(item): regression in expandable sliding option button

Browse Source 
fixes #8460
This commit is contained in:
Manu Mtz.-Almeida
2016-10-06 10:36:07 +02:00
parent ec6615d62a
commit 695d25c696
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/item/item-sliding.scss
View File

@ -98,7 +98,7 @@ ion-item-sliding.active-slide {
// Item Expandable Animation // Item Expandable Animation
// -------------------------------------------------- // --------------------------------------------------
.button-expandable { button[expandable] {
flex-shrink: 0; flex-shrink: 0;
transition-duration: 0; transition-duration: 0;
@ -106,7 +106,7 @@ ion-item-sliding.active-slide {
transition-timing-function: cubic-bezier(.65, .05, .36, 1); transition-timing-function: cubic-bezier(.65, .05, .36, 1);
} }
ion-item-sliding.active-swipe-right .button-expandable { ion-item-sliding.active-swipe-right button[expandable] {
order: 1; order: 1;
padding-left: 90%; padding-left: 90%;
@ -115,7 +115,7 @@ ion-item-sliding.active-swipe-right .button-expandable {
transition-property: padding-left; transition-property: padding-left;
} }
ion-item-sliding.active-swipe-left .button-expandable { ion-item-sliding.active-swipe-left button[expandable] {
order: -1; order: -1;
padding-right: 90%; padding-right: 90%;

2
src/components/item/test/sliding/main.html
View File

@ -62,7 +62,7 @@
<h2>LEFT side - no icons</h2> <h2>LEFT side - no icons</h2>
<p>I think I figured out how to get more Mountain Dew</p> <p>I think I figured out how to get more Mountain Dew</p>
</a> </a>
<ion-item-options side="left" (ionSwipe)="del($event)" *ngIf="slidingEnabled"> <ion-item-options side="left" *ngIf="slidingEnabled">
<button ion-button color="primary" (click)="archive(item1)">Archive</button> <button ion-button color="primary" (click)="archive(item1)">Archive</button>
<button ion-button color="danger" (click)="del(item1)">Delete</button> <button ion-button color="danger" (click)="del(item1)">Delete</button>
</ion-item-options> </ion-item-options>