fix(item-options): use the css classes for side

This commit is contained in:
octicon-git-branch(16/)
octicon-tag(16/)
Brandy Carney
2018-02-14 10:42:41 -05:00
gitea-unlock(16/)
parent 7df6b872b9
commit 03dbca4bf6

10
packages/core/src/components/item-options/item-options.scss
View File

@@ -26,7 +26,7 @@ ion-item-options {
@include rtl() {
justify-content: flex-start;
&:not([side=right]) {
&:not(.item-options-right) {
// scss-lint:disable PropertySpelling
right: auto;
left: 0;
@@ -40,7 +40,7 @@ ion-item-options {
}
}
ion-item-options[side=left] {
.item-options-left {
@include multi-dir() {
// scss-lint:disable PropertySpelling
right: auto;
@@ -58,7 +58,7 @@ ion-item-options[side=left] {
.item-sliding-active-slide {
@include rtl() {
&.item-sliding-active-options-left ion-item-options:not([side=right]) {
&.item-sliding-active-options-left ion-item-options:not(.item-options-right) {
width: 100%;
visibility: visible;
@@ -69,8 +69,8 @@ ion-item-options[side=left] {
display: flex;
}
&.item-sliding-active-options-left ion-item-options[side=left],
&.item-sliding-active-options-right ion-item-options:not([side=left]) {
&.item-sliding-active-options-left .item-options-left,
&.item-sliding-active-options-right ion-item-options:not(.item-options-left) {
width: 100%;
visibility: visible;