javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-23 05:58:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Brandy Carney
2018-02-14 10:42:41 -05:00
parent 7df6b872b9
commit 03dbca4bf6
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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