diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss index 2f77bff4b8..ee63b905eb 100644 --- a/ionic/components/item/item.scss +++ b/ionic/components/item/item.scss @@ -154,19 +154,4 @@ ion-item-options { right: 0; z-index: $z-index-item-options; 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; - } - } } diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss index 90f0239c3b..0d0373cfa4 100644 --- a/ionic/components/item/modes/ios.scss +++ b/ionic/components/item/modes/ios.scss @@ -178,6 +178,22 @@ $item-ios-sliding-transition: transform 250ms ease-in-out !default; margin-top: 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, diff --git a/ionic/components/item/modes/md.scss b/ionic/components/item/modes/md.scss index 13339401c2..e67a1c6559 100644 --- a/ionic/components/item/modes/md.scss +++ b/ionic/components/item/modes/md.scss @@ -29,6 +29,9 @@ $item-md-divider-bg: #fff !default; $item-md-divider-color: #222 !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 { .item-group-title { @@ -202,6 +205,41 @@ $item-md-divider-padding: 5px 15px !default; 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,