diff --git a/src/components/item/item.ios.scss b/src/components/item/item.ios.scss index e17b673e21..923af89bc5 100644 --- a/src/components/item/item.ios.scss +++ b/src/components/item/item.ios.scss @@ -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; } diff --git a/src/components/item/item.md.scss b/src/components/item/item.md.scss index 34acc43ed1..dedcab1d40 100644 --- a/src/components/item/item.md.scss +++ b/src/components/item/item.md.scss @@ -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 // -------------------------------------------------- diff --git a/src/components/item/item.wp.scss b/src/components/item/item.wp.scss index 7182399485..f05d5cd0aa 100644 --- a/src/components/item/item.wp.scss +++ b/src/components/item/item.wp.scss @@ -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%; }