diff --git a/demos/item-sliding/index.ts b/demos/item-sliding/index.ts
index 873e5f5df2..85317046d4 100644
--- a/demos/item-sliding/index.ts
+++ b/demos/item-sliding/index.ts
@@ -10,43 +10,9 @@ import { ionicBootstrap, ItemSliding, ToastController } from 'ionic-angular';
class ApiDemoPage {
chats: any[];
logins: any[];
- editButton: string = 'Edit';
- editing: boolean = false;
constructor(private toastCtrl: ToastController) {
this.chats = [
- {
- img: './avatar-cher.png',
- name: 'Cher',
- message: 'Ugh. As if.',
- time: '9:38 pm'
- }, {
- img: './avatar-dionne.png',
- name: 'Dionne',
- message: 'Mr. Hall was way harsh.',
- time: '8:59 pm'
- }, {
- img: './avatar-murray.png',
- name: 'Murray',
- message: 'Excuse me, "Ms. Dione."',
- time: 'Wed'
- },
- {
- img: './avatar-cher.png',
- name: 'Cher',
- message: 'Ugh. As if.',
- time: '9:38 pm'
- }, {
- img: './avatar-dionne.png',
- name: 'Dionne',
- message: 'Mr. Hall was way harsh.',
- time: '8:59 pm'
- }, {
- img: './avatar-murray.png',
- name: 'Murray',
- message: 'Excuse me, "Ms. Dione."',
- time: 'Wed'
- },
{
img: './avatar-cher.png',
name: 'Cher',
@@ -84,15 +50,6 @@ class ApiDemoPage {
}];
}
- toggleEdit() {
- this.editing = !this.editing;
- if (this.editing) {
- this.editButton = 'Done';
- } else {
- this.editButton = 'Edit';
- }
- }
-
more(item: ItemSliding) {
console.log('More');
item.close();
diff --git a/demos/item-sliding/main.html b/demos/item-sliding/main.html
index c0152693ff..053d44b18d 100644
--- a/demos/item-sliding/main.html
+++ b/demos/item-sliding/main.html
@@ -2,23 +2,18 @@
Item Sliding
-
-
-
-
+
-
+
Chats
-
-
@@ -53,7 +48,6 @@
-
@@ -94,36 +88,23 @@
display: none;
}
- div.toolbar-background {
- background-color: rgba(255, 255, 255, 0.65);
- -webkit-backdrop-filter: saturate(180%) blur(20px);
- backdrop-filter: saturate(180%) blur(20px);
- }
-
svg circle {
stroke: white;
}
+
.downloading #download-spinner {
display: block;
}
+
.downloading .download-hide {
display: none;
}
+
.chat-sliding-demo ion-note {
font-size: 13px;
margin-top: -8px;
}
- .chat-sliding-demo ion-item-options .button-inner {
- font-size: 14px;
- flex-direction: column;
- }
-
- .chat-sliding-demo ion-item-options ion-icon {
- padding-right: 0;
- padding-bottom: 0.3em;
- }
-
.login-sliding-demo .ion-logo-twitter {
color: #53ACEB;
}
@@ -135,5 +116,4 @@
.login-sliding-demo .ion-logo-instagram {
color: #235D8D;
}
-