From 4148ca56367d93b16424a175280a4a6dbd36364e Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Fri, 30 Oct 2015 18:14:50 -0400 Subject: [PATCH] refactor(item): added the ability to assign no-lines to an item and remove the borders on that item only references #387 --- ionic/components/item/modes/ios.scss | 11 +++++++++++ ionic/components/item/modes/md.scss | 11 +++++++++++ ionic/components/item/test/text/main.html | 6 +++++- 3 files changed, 27 insertions(+), 1 deletion(-) diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss index 4209ba4ebe..5187d8efc5 100644 --- a/ionic/components/item/modes/ios.scss +++ b/ionic/components/item/modes/ios.scss @@ -268,3 +268,14 @@ ion-card { } } + +.item[no-lines] { + &:before, + &:after { + border-width: 0; + } + + + .item:before { + border-width: 0; + } +} diff --git a/ionic/components/item/modes/md.scss b/ionic/components/item/modes/md.scss index 3962c8f552..b42f9f42e6 100644 --- a/ionic/components/item/modes/md.scss +++ b/ionic/components/item/modes/md.scss @@ -254,3 +254,14 @@ button.item { box-shadow: none; } } + +.item[no-lines] { + &:before, + &:after { + border-width: 0; + } + + + .item:before { + border-width: 0; + } +} diff --git a/ionic/components/item/test/text/main.html b/ionic/components/item/test/text/main.html index e7457eb7ba..dd050f4a91 100644 --- a/ionic/components/item/test/text/main.html +++ b/ionic/components/item/test/text/main.html @@ -12,9 +12,13 @@ Single line text that should have ellipses when it doesn't all fit in the item + + Single line item with no lines + + Multiline text that should wrap when it is too long - to fit on one line in the item. Class on .item + to fit on one line in the item. Attribute on .item