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-sliding): fixed the margin for the option buttons and sliding content

Browse Source 
The min-height being too large was causing the issue of showing the
button behind the item sliding content and some hairline margins were
off. References #295
This commit is contained in:
Brandy Carney
2015-10-20 13:41:44 -04:00
parent f02b2c3c8a
commit 5438c9316f
1 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
ionic/components/item/modes/ios.scss
View File

@@ -167,7 +167,7 @@ $item-ios-sliding-transition: transform 250ms ease-in-out !default;
padding-left: 0;
padding-right: 0;
}
ion-item-sliding-content {
background-color: $item-ios-sliding-content-bg;
padding-right: ($item-ios-padding-right / 2);
@@ -184,6 +184,7 @@ $item-ios-sliding-transition: transform 250ms ease-in-out !default;
}
ion-item-options {
button, [button] {
min-height: calc(100% - 2px);
height: calc(100% - 2px);
margin: 1px 0 2px 0;
@@ -237,12 +238,25 @@ ion-card {
}
}
&.hairlines .list ion-item-options {
button, [button] {
min-height: calc(100% - 1px);
height: calc(100% - 1px);
margin-top: 0.55px;
margin-bottom: 0.55px;
}
}
&.hairlines .list ion-item-sliding-content {
margin-top: 0.55px;
margin-bottom: 0.55px;
}
&.hairlines .list .item {
margin-top: -0.5px;
margin-top: -0.55px;
&:last-child {
margin-bottom: -0.5px;
margin-bottom: -0.55px;
}
&:before,