-
Notifications
You must be signed in to change notification settings - Fork 13.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(item-reorder): add side support #11642
Conversation
src/components/item/item-reorder.ts
Outdated
'[class.reorder-side-left]': 'side === "left"', | ||
'[class.reorder-side-right]': 'side === "right"', | ||
'[class.reorder-side-start]': 'side === "start"', | ||
'[class.reorder-side-end]': 'side === "end"' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@manucorporat what would be the correct way here to add the classes? Should I can just use [ngClass]
with a string.
# Conflicts: # src/components/item/item-reorder.scss # src/components/item/test/reorder/pages/root-page/root-page.html
transition: transform 140ms ease-in; | ||
|
||
pointer-events: all; | ||
touch-action: manipulation; | ||
} | ||
|
||
.reorder-side-start ion-reorder { | ||
@include transform(translate3d(-160%, 0, 0)); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
in other to prevent DRY, could we use a scss variable like $reorder-initial-transform ?
src/components/item/item-reorder.ts
Outdated
@@ -142,6 +142,7 @@ export class ReorderIndexes { | |||
host: { | |||
'[class.reorder-enabled]': '_enableReorder', | |||
'[class.reorder-visible]': '_visibleReorder', | |||
'[class.reorder-side-start]': 'side === "start"' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Change string comparison to boolean
Short description of what this resolves:
A user needs this feature
Changes proposed in this pull request:
ion-item
Of course, this is RTL supported.
Ionic Version: 3.x
Fixes: #11637