From fe55efb30767fac07d1873e65cb923f1e7ed498c Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 30 Oct 2015 16:30:29 -0400
Subject: [PATCH] feat(list): added no-borders attribute for lists

if you apply the no-borders attribute it will remove all borders inside
of a list. Added a test case for showing this.
---
 ionic/components/list/modes/ios.scss          |  9 ++++++
 ionic/components/list/modes/md.scss           |  8 +++++
 ionic/components/list/test/no-borders/e2e.ts  |  0
 .../components/list/test/no-borders/index.ts  |  7 +++++
 .../components/list/test/no-borders/main.html | 30 +++++++++++++++++++
 5 files changed, 54 insertions(+)
 create mode 100644 ionic/components/list/test/no-borders/e2e.ts
 create mode 100644 ionic/components/list/test/no-borders/index.ts
 create mode 100644 ionic/components/list/test/no-borders/main.html

diff --git a/ionic/components/list/modes/ios.scss b/ionic/components/list/modes/ios.scss
index 627e926443..4afcceaaef 100644
--- a/ionic/components/list/modes/ios.scss
+++ b/ionic/components/list/modes/ios.scss
@@ -87,3 +87,12 @@ $list-ios-header-color:               #333 !default;
 .list[inset] + .list[inset] {
   margin-top: 0;
 }
+
+&.hairlines .list[no-borders],
+.list[no-borders] {
+  ion-header:after,
+  .item:before,
+  .item:after {
+    border-width: 0;
+  }
+}
diff --git a/ionic/components/list/modes/md.scss b/ionic/components/list/modes/md.scss
index ac2d936bda..68b7929d44 100644
--- a/ionic/components/list/modes/md.scss
+++ b/ionic/components/list/modes/md.scss
@@ -66,3 +66,11 @@ $list-md-header-color:           #858585 !default;
 .list[inset] + .list[inset] {
   margin-top: 0;
 }
+
+.list[no-borders] {
+  ion-header:after,
+  .item:before,
+  .item:after {
+    border-width: 0;
+  }
+}
diff --git a/ionic/components/list/test/no-borders/e2e.ts b/ionic/components/list/test/no-borders/e2e.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/ionic/components/list/test/no-borders/index.ts b/ionic/components/list/test/no-borders/index.ts
new file mode 100644
index 0000000000..43aed36502
--- /dev/null
+++ b/ionic/components/list/test/no-borders/index.ts
@@ -0,0 +1,7 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {}
diff --git a/ionic/components/list/test/no-borders/main.html b/ionic/components/list/test/no-borders/main.html
new file mode 100644
index 0000000000..4b0c640011
--- /dev/null
+++ b/ionic/components/list/test/no-borders/main.html
@@ -0,0 +1,30 @@
+<ion-toolbar><ion-title>List No Borders</ion-title></ion-toolbar>
+
+<ion-content class="outer-content">
+  <ion-list no-borders>
+    <ion-header>
+      List Header
+    </ion-header>
+
+    <ion-switch>
+      <icon wifi item-left></icon>
+      Wifi
+    </ion-switch>
+
+    <ion-item>
+      <icon heart item-left></icon>
+      Affection
+      <ion-note item-right>
+        Very Little
+      </ion-note>
+    </ion-item>
+
+    <ion-item>
+      <icon home item-left></icon>
+      Home
+      <ion-note item-right>
+        Where the heart is
+      </ion-note>
+    </ion-item>
+  </ion-list>
+</ion-content>