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 @@ +List No Borders + + + + + List Header + + + + + Wifi + + + + + Affection + + Very Little + + + + + + Home + + Where the heart is + + + +