javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(list): added properties to inset list so the border will be cropped

Browse Source 
references #600
This commit is contained in:
Brandy Carney
2015-11-20 15:02:47 -05:00
parent f966555034
commit 10672b062e
2 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ionic/components/list/list.scss
View File

@ -18,6 +18,9 @@
} }
.list[inset] { .list[inset] {
overflow: hidden;
transform: translateZ(0);
ion-header { ion-header {
background-color: $list-background-color; background-color: $list-background-color;
} }

9
ionic/components/list/modes/ios.scss
View File

@ -139,19 +139,12 @@ $list-ios-border-color: $list-border-color !default;
} }
> .item:first-child, > .item:first-child,
ion-header { > ion-item-sliding:first-child .item {
border-top-right-radius: $list-inset-ios-border-radius;
border-top-left-radius: $list-inset-ios-border-radius;
}
> .item:first-child {
border-top: none; border-top: none;
} }
> .item:last-child, > .item:last-child,
> ion-item-sliding:last-child .item { > 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; border-bottom: none;
} }
} }