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

refactor(item): move padding to item-inner instead of ion-item-content margin iOS only

Browse Source 
references #856
This commit is contained in:
Brandy Carney
2016-01-04 21:06:17 -05:00
parent ec84f01a51
commit 4a8b8b79f9
1 changed files with 5 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
ionic/components/item/item.ios.scss
View File

@@ -81,31 +81,25 @@ $item-ios-sliding-content-bg: $list-ios-background-color !default;
.item-inner {
padding-right: ($item-ios-padding-right / 2);
border-bottom: 1px solid $list-ios-border-color;
padding: $item-ios-padding-top ($item-ios-padding-right / 2) $item-ios-padding-bottom 0;
}
&.hairlines .item-inner {
border-bottom-width: 0.55px;
}
ion-item-content {
margin: $item-ios-padding-top ($item-ios-padding-right / 2) $item-ios-padding-bottom 0;
}
// iOS Item Media
// --------------------------------------------------
[item-left] {
margin: ($item-ios-padding-top / 2) $item-ios-padding-right ($item-ios-padding-bottom / 2) 0;
margin-left: 0;
margin-right: $item-ios-padding-right;
}
[item-right] {
margin: ($item-ios-padding-top / 2) ($item-ios-padding-right / 2) ($item-ios-padding-bottom / 2) ($item-ios-padding-left / 2);
}
.item-icon {
margin-top: $item-ios-padding-icon-top;
margin-bottom: $item-ios-padding-icon-bottom;
margin-left: ($item-ios-padding-left / 2);
margin-right: ($item-ios-padding-right / 2);
}
ion-avatar[item-left],
@@ -122,7 +116,6 @@ ion-thumbnail[item-right] {
padding: 0 0.5em;
font-size: 1.3rem;
min-height: 25px;
margin-top: 9px;
}
.button-icon-only icon,