fix(item): change ion-item-swiping to use .item-wrapper css instead

adamdbradley · adamdbradley · commit 31f62e7f1f73 · 2016-06-09T15:32:12.000-05:00
diff --git a/src/components/card/card.ios.scss b/src/components/card/card.ios.scss
@@ -59,7 +59,7 @@ ion-card {
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child .item {
+  > .item-wrapper:last-child .item {
     border-bottom: 0;
   }
 
diff --git a/src/components/card/card.md.scss b/src/components/card/card.md.scss
@@ -61,7 +61,7 @@ ion-card {
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child .item {
+  > .item-wrapper:last-child .item {
     border-bottom: 0;
   }
 
diff --git a/src/components/card/card.wp.scss b/src/components/card/card.wp.scss
@@ -62,7 +62,7 @@ ion-card {
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child .item {
+  > .item-wrapper:last-child .item {
     border-bottom: 0;
   }
 
diff --git a/src/components/item/item-sliding.ts b/src/components/item/item-sliding.ts
@@ -197,6 +197,7 @@ export class ItemSliding {
   constructor(@Optional() private _list: List, private _renderer: Renderer, private _elementRef: ElementRef) {
     _list.enableSlidingItems(true);
     _elementRef.nativeElement.$ionComponent = this;
+    _renderer.setElementClass(_elementRef.nativeElement, 'item-wrapper', true);
   }
 
 
diff --git a/src/components/item/item.ios.scss b/src/components/item/item.ios.scss
@@ -201,7 +201,7 @@ ion-item-group {
   }
 
   .item:last-child .item-inner,
-  ion-item-sliding:last-child .item-inner {
+  .item-wrapper:last-child .item-inner {
     border: 0;
   }
 }
diff --git a/src/components/item/item.md.scss b/src/components/item/item.md.scss
@@ -192,7 +192,7 @@ ion-item-group {
   }
 
   .item:last-child .item-inner,
-  ion-item-sliding:last-child .item-inner {
+  .item-wrapper:last-child .item-inner {
     border: 0;
   }
 }
diff --git a/src/components/list/list.ios.scss b/src/components/list/list.ios.scss
@@ -47,12 +47,12 @@ ion-list {
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child .item {
+  > .item-wrapper:last-child .item {
     border-bottom: 1px solid $list-ios-border-color;
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child {
+  > .item-wrapper:last-child {
     .item-inner {
       border-bottom: 0;
     }
@@ -126,7 +126,7 @@ ion-list + ion-list {
     }
 
     > .item:last-child,
-    > ion-item-sliding:last-child .item {
+    > .item-wrapper:last-child .item {
       border-bottom-width: $hairlines-width;
     }
   }
@@ -156,12 +156,12 @@ ion-list[inset] {
   }
 
   > .item:first-child,
-  > ion-item-sliding:first-child .item {
+  > .item-wrapper:first-child .item {
     border-top: 0;
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child .item {
+  > .item-wrapper:last-child .item {
     border-bottom: 0;
   }
 }
diff --git a/src/components/list/list.md.scss b/src/components/list/list.md.scss
@@ -42,17 +42,17 @@ ion-list {
   }
 
   > .item:first-child,
-  > ion-item-sliding:first-child .item {
+  > .item-wrapper:first-child .item {
     border-top: 1px solid $list-md-border-color;
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child .item {
+  > .item-wrapper:last-child .item {
     border-bottom: 1px solid $list-md-border-color;
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child {
+  > .item-wrapper:last-child {
     ion-label,
     .item-inner {
       border-bottom: 0;
diff --git a/src/components/list/list.wp.scss b/src/components/list/list.wp.scss
@@ -42,17 +42,17 @@ ion-list {
   }
 
   > .item:first-child,
-  > ion-item-sliding:first-child .item {
+  > .item-wrapper:first-child .item {
     border-top: 1px solid $list-wp-border-color;
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child .item {
+  > .item-wrapper:last-child .item {
     border-bottom: 1px solid $list-wp-border-color;
   }
 
   > .item:last-child,
-  > ion-item-sliding:last-child {
+  > .item-wrapper:last-child {
     ion-label,
     .item-inner {
       border-bottom: 0;

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ ion-card {`
`59`	`59`	`}`
`60`	`60`
`61`	`61`	`> .item:last-child,`
`62`		`- > ion-item-sliding:last-child .item {`
	`62`	`+ > .item-wrapper:last-child .item {`
`63`	`63`	`border-bottom: 0;`
`64`	`64`	`}`
`65`	`65`
Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,7 @@ ion-card {`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`> .item:last-child,`
`64`		`- > ion-item-sliding:last-child .item {`
	`64`	`+ > .item-wrapper:last-child .item {`
`65`	`65`	`border-bottom: 0;`
`66`	`66`	`}`
`67`	`67`
Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ ion-card {`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`> .item:last-child,`
`65`		`- > ion-item-sliding:last-child .item {`
	`65`	`+ > .item-wrapper:last-child .item {`
`66`	`66`	`border-bottom: 0;`
`67`	`67`	`}`
`68`	`68`
Original file line number	Diff line number	Diff line change
`@@ -197,6 +197,7 @@ export class ItemSliding {`
`197`	`197`	`constructor(@Optional() private _list: List, private _renderer: Renderer, private _elementRef: ElementRef) {`
`198`	`198`	`_list.enableSlidingItems(true);`
`199`	`199`	`_elementRef.nativeElement.$ionComponent = this;`
	`200`	`+ _renderer.setElementClass(_elementRef.nativeElement, 'item-wrapper', true);`
`200`	`201`	`}`
`201`	`202`
`202`	`203`
Original file line number	Diff line number	Diff line change
`@@ -201,7 +201,7 @@ ion-item-group {`
`201`	`201`	`}`
`202`	`202`
`203`	`203`	`.item:last-child .item-inner,`
`204`		`- ion-item-sliding:last-child .item-inner {`
	`204`	`+ .item-wrapper:last-child .item-inner {`
`205`	`205`	`border: 0;`
`206`	`206`	`}`
`207`	`207`	`}`
Original file line number	Diff line number	Diff line change
`@@ -192,7 +192,7 @@ ion-item-group {`
`192`	`192`	`}`
`193`	`193`
`194`	`194`	`.item:last-child .item-inner,`
`195`		`- ion-item-sliding:last-child .item-inner {`
	`195`	`+ .item-wrapper:last-child .item-inner {`
`196`	`196`	`border: 0;`
`197`	`197`	`}`
`198`	`198`	`}`
Original file line number	Diff line number	Diff line change
`@@ -47,12 +47,12 @@ ion-list {`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`> .item:last-child,`
`50`		`- > ion-item-sliding:last-child .item {`
	`50`	`+ > .item-wrapper:last-child .item {`
`51`	`51`	`border-bottom: 1px solid $list-ios-border-color;`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`> .item:last-child,`
`55`		`- > ion-item-sliding:last-child {`
	`55`	`+ > .item-wrapper:last-child {`
`56`	`56`	`.item-inner {`
`57`	`57`	`border-bottom: 0;`
`58`	`58`	`}`
`@@ -126,7 +126,7 @@ ion-list + ion-list {`
`126`	`126`	`}`
`127`	`127`
`128`	`128`	`> .item:last-child,`
`129`		`- > ion-item-sliding:last-child .item {`
	`129`	`+ > .item-wrapper:last-child .item {`
`130`	`130`	`border-bottom-width: $hairlines-width;`
`131`	`131`	`}`
`132`	`132`	`}`
`@@ -156,12 +156,12 @@ ion-list[inset] {`
`156`	`156`	`}`
`157`	`157`
`158`	`158`	`> .item:first-child,`
`159`		`- > ion-item-sliding:first-child .item {`
	`159`	`+ > .item-wrapper:first-child .item {`
`160`	`160`	`border-top: 0;`
`161`	`161`	`}`
`162`	`162`
`163`	`163`	`> .item:last-child,`
`164`		`- > ion-item-sliding:last-child .item {`
	`164`	`+ > .item-wrapper:last-child .item {`
`165`	`165`	`border-bottom: 0;`
`166`	`166`	`}`
`167`	`167`	`}`
Original file line number	Diff line number	Diff line change
`@@ -42,17 +42,17 @@ ion-list {`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`> .item:first-child,`
`45`		`- > ion-item-sliding:first-child .item {`
	`45`	`+ > .item-wrapper:first-child .item {`
`46`	`46`	`border-top: 1px solid $list-md-border-color;`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`> .item:last-child,`
`50`		`- > ion-item-sliding:last-child .item {`
	`50`	`+ > .item-wrapper:last-child .item {`
`51`	`51`	`border-bottom: 1px solid $list-md-border-color;`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`> .item:last-child,`
`55`		`- > ion-item-sliding:last-child {`
	`55`	`+ > .item-wrapper:last-child {`
`56`	`56`	`ion-label,`
`57`	`57`	`.item-inner {`
`58`	`58`	`border-bottom: 0;`