diff --git a/packages/core/src/components/item/item.ios.scss b/packages/core/src/components/item/item.ios.scss index 13c15d2a00..609f385d3a 100644 --- a/packages/core/src/components/item/item.ios.scss +++ b/packages/core/src/components/item/item.ios.scss @@ -141,7 +141,7 @@ ion-reorder-group > ion-gesture { } -// iOS Item Avatar +// iOS Item Avatar & Thumbnail // -------------------------------------------------- .item-ios ion-avatar { @@ -149,15 +149,16 @@ ion-reorder-group > ion-gesture { height: $item-ios-avatar-height; } - -// iOS Item Thumbnail -// -------------------------------------------------- - .item-ios ion-thumbnail { width: $item-ios-thumbnail-width; height: $item-ios-thumbnail-height; } +.item-ios ion-avatar[slot="end"], +.item-ios ion-thumbnail[slot="end"] { + @include margin(($item-ios-padding-end / 2)); +} + // iOS Item Detail Push // -------------------------------------------------- diff --git a/packages/core/src/components/item/item.ios.vars.scss b/packages/core/src/components/item/item.ios.vars.scss index 9d26981813..fb74b41e61 100644 --- a/packages/core/src/components/item/item.ios.vars.scss +++ b/packages/core/src/components/item/item.ios.vars.scss @@ -71,7 +71,7 @@ $item-ios-slot-start-margin-bottom: $item-ios-slot-start-margin-top !de $item-ios-slot-start-margin-start: 0 !default; /// @prop - Margin top for the end slot -$item-ios-slot-end-margin-top: 8px !default; +$item-ios-slot-end-margin-top: null !default; /// @prop - Margin end for the end slot $item-ios-slot-end-margin-end: ($item-ios-padding-start / 2) !default; diff --git a/packages/core/src/components/item/item.md.vars.scss b/packages/core/src/components/item/item.md.vars.scss index 50dcb6e7c2..ee549e95b3 100644 --- a/packages/core/src/components/item/item.md.vars.scss +++ b/packages/core/src/components/item/item.md.vars.scss @@ -44,16 +44,16 @@ $item-md-padding-start: 16px !default; // -------------------------------------------------- /// @prop - Margin top for the start/end slot -$item-md-slot-margin-top: 9px !default; +$item-md-slot-margin-top: 0 !default; /// @prop - Margin end for the start/end slot -$item-md-slot-margin-end: ($item-md-padding-end / 2) !default; +$item-md-slot-margin-end: ($item-md-padding-end / 2) !default; /// @prop - Margin bottom for the start/end slot -$item-md-slot-margin-bottom: 9px !default; +$item-md-slot-margin-bottom: $item-md-slot-margin-top !default; /// @prop - Margin start for the start/end slot -$item-md-slot-margin-start: 0 !default; +$item-md-slot-margin-start: 0 !default; /// @prop - Margin top for an icon in the start/end slot $item-md-icon-slot-margin-top: 11px !default;