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

fix(card): added properties to a card to clip the inside to the border-radius of the card

Browse Source 
fixes #600
This commit is contained in:
Brandy Carney
2015-11-20 15:03:10 -05:00
parent 10672b062e
commit 6f45378452
3 changed files with 2 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ionic/components/card/card.scss
View File

@ -5,6 +5,8 @@
ion-card { ion-card {
display: block; display: block;
overflow: hidden;
transform: translateZ(0);
} }
ion-card img { ion-card img {
@ -22,15 +24,3 @@ ion-card-header {
ion-card-content { ion-card-content {
display: block; display: block;
} }
ion-card {
> .list:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
> .list:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
}

2
ionic/components/card/modes/ios.scss
View File

@ -38,7 +38,6 @@ ion-card {
background: $card-ios-background-color; background: $card-ios-background-color;
box-shadow: $card-ios-box-shadow; box-shadow: $card-ios-box-shadow;
border-radius: $card-ios-border-radius; border-radius: $card-ios-border-radius;
overflow: hidden;
.list { .list {
margin-bottom: 0; margin-bottom: 0;
@ -80,7 +79,6 @@ ion-card {
} }
[actions] { [actions] {
border-radius: inherit;
padding-right: ($card-ios-padding-right / 2); padding-right: ($card-ios-padding-right / 2);
ion-item-content { ion-item-content {

1
ionic/components/card/modes/md.scss
View File

@ -41,7 +41,6 @@ ion-card {
background: $card-md-background-color; background: $card-md-background-color;
box-shadow: $card-md-box-shadow; box-shadow: $card-md-box-shadow;
border-radius: $card-md-border-radius; border-radius: $card-md-border-radius;
overflow: hidden;
.list { .list {
margin-bottom: 0; margin-bottom: 0;