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(item): don't add margin top or bottom to slots in item

Browse Source 
fixes #9459
This commit is contained in:
Brandy Carney
2018-02-22 18:13:11 -05:00
parent b970e57488
commit e9e7c39920
3 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/core/src/components/item/item.ios.scss
View File

@@ -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
// --------------------------------------------------

2
packages/core/src/components/item/item.ios.vars.scss
View File

@@ -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;

8
packages/core/src/components/item/item.md.vars.scss
View File

@@ -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;