javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(avatar): make border-radius 50% so it is always circular

Browse Source
This commit is contained in:
Brandy Carney
2016-12-06 18:26:06 -05:00
parent d70d03588c
commit e84f2e2fbb
3 changed files with 11 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/item/item.ios.scss
View File

@@ -165,18 +165,14 @@ $item-ios-sliding-content-background: $list-ios-background-color !default;
min-height: $item-ios-avatar-size;
}
.item-ios ion-avatar ion-img {
width: $item-ios-avatar-size;
height: $item-ios-avatar-size;
border-radius: $item-ios-avatar-size / 2;
overflow: hidden;
}
.item-ios ion-avatar ion-img,
.item-ios ion-avatar img {
width: $item-ios-avatar-size;
height: $item-ios-avatar-size;
border-radius: 50%;
overflow: hidden;
}

10
src/components/item/item.md.scss
View File

@@ -187,20 +187,16 @@ $item-md-sliding-content-background: $list-md-background-color !default;
min-height: $item-md-avatar-size;
}
.item-md ion-avatar ion-img {
.item-md ion-avatar ion-img,
.item-md ion-avatar img {
width: $item-md-avatar-size;
height: $item-md-avatar-size;
border-radius: $item-md-avatar-size / 2;
border-radius: 50%;
overflow: hidden;
}
.item-ios ion-avatar img {
width: $item-md-avatar-size;
height: $item-md-avatar-size;
}
// Material Design Item Thumbnail
// --------------------------------------------------

10
src/components/item/item.wp.scss
View File

@@ -197,18 +197,14 @@ $item-wp-sliding-content-background: $list-wp-background-color !default;
min-height: $item-wp-avatar-size;
}
.item-wp ion-avatar ion-img {
.item-wp ion-avatar ion-img,
.item-wp ion-avatar img {
overflow: hidden;
width: $item-wp-avatar-size;
height: $item-wp-avatar-size;
border-radius: $item-wp-avatar-size / 2;
}
.item-wp ion-avatar img {
width: $item-wp-avatar-size;
height: $item-wp-avatar-size;
border-radius: 50%;
}