From 10672b062ead488c1dc96d34dc3d81fa2bdff1c6 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Fri, 20 Nov 2015 15:02:47 -0500 Subject: [PATCH] fix(list): added properties to inset list so the border will be cropped references #600 --- ionic/components/list/list.scss | 3 +++ ionic/components/list/modes/ios.scss | 9 +-------- 2 files changed, 4 insertions(+), 8 deletions(-) diff --git a/ionic/components/list/list.scss b/ionic/components/list/list.scss index 481e9a589a..1074ca8e5e 100644 --- a/ionic/components/list/list.scss +++ b/ionic/components/list/list.scss @@ -18,6 +18,9 @@ } .list[inset] { + overflow: hidden; + transform: translateZ(0); + ion-header { background-color: $list-background-color; } diff --git a/ionic/components/list/modes/ios.scss b/ionic/components/list/modes/ios.scss index e73342eee4..4c94909aae 100644 --- a/ionic/components/list/modes/ios.scss +++ b/ionic/components/list/modes/ios.scss @@ -139,19 +139,12 @@ $list-ios-border-color: $list-border-color !default; } > .item:first-child, - ion-header { - border-top-right-radius: $list-inset-ios-border-radius; - border-top-left-radius: $list-inset-ios-border-radius; - } - - > .item:first-child { + > ion-item-sliding:first-child .item { border-top: none; } > .item:last-child, > ion-item-sliding:last-child .item { - border-bottom-right-radius: $list-inset-ios-border-radius; - border-bottom-left-radius: $list-inset-ios-border-radius; border-bottom: none; } }