javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 11:41:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

md slider items

Browse Source
This commit is contained in:
Max Lynch
2015-10-06 18:39:01 -05:00
parent cb14011ced
commit 456fa1aab6
3 changed files with 54 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ionic/components/item/item.scss
View File

@ -154,19 +154,4 @@ ion-item-options {
right: 0; right: 0;
z-index: $z-index-item-options; z-index: $z-index-item-options;
height: 100%; height: 100%;
button, [button] {
height: calc(100% - 2px);
margin: 1px 0 1px 0;
border: none;
border-radius: 0;
display: inline-flex;
align-items: center;
box-sizing: border-box;
&:before{
margin: 0 auto;
}
}
} }

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

@ -178,6 +178,22 @@ $item-ios-sliding-transition: transform 250ms ease-in-out !default;
margin-top: 1px; margin-top: 1px;
margin-bottom: 1px; margin-bottom: 1px;
} }
ion-item-options {
button, [button] {
height: calc(100% - 2px);
margin: 1px 0 1px 0;
border: none;
border-radius: 0;
display: inline-flex;
align-items: center;
box-sizing: border-box;
&:before{
margin: 0 auto;
}
}
}
} }
.item.activated, .item.activated,

38
ionic/components/item/modes/md.scss
View File

@ -29,6 +29,9 @@ $item-md-divider-bg: #fff !default;
$item-md-divider-color: #222 !default; $item-md-divider-color: #222 !default;
$item-md-divider-padding: 5px 15px !default; $item-md-divider-padding: 5px 15px !default;
$item-md-sliding-content-bg: $background-color !default;
$item-md-sliding-transition: transform 250ms ease-in-out !default;
.list { .list {
.item-group-title { .item-group-title {
@ -202,6 +205,41 @@ $item-md-divider-padding: 5px 15px !default;
box-shadow: none; box-shadow: none;
} }
ion-item-sliding.item {
padding-left: 0;
padding-right: 0;
}
ion-item-sliding-content {
background-color: $item-md-sliding-content-bg;
padding-right: ($item-md-padding-right / 2);
padding-left: ($item-md-padding-left / 2);
display: flex;
min-height: 42px;
justify-content: center;
transition: $item-md-sliding-transition;
// To allow the hairlines through
margin-top: 1px;
margin-bottom: 1px;
}
ion-item-options {
button, [button] {
height: calc(100% - 2px);
margin: 1px 0 1px 0;
box-shadow: none;
border: none;
border-radius: 0;
display: inline-flex;
align-items: center;
box-sizing: border-box;
&:before{
margin: 0 auto;
}
}
}
} }
.item, .item,