framework7io / framework7io/framework7
iOS action sheet opening animation looks bad. I made a better one
Open
Beginner friendly
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 18.8k
- Forks
- 3.2k
- PR merge metrics
- No merged PRs in 30d
Description
Is your feature request related to a problem? Please describe.
I don't like the action sheet iOS opening animation
Describe the solution you'd like
I think, it will be better with this animation:
.actions-modal.modal-in{
transition-duration: .5s;
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
Looks like a stock iOS
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Find the iOS action-sheet styles for the .actions-modal.modal-in state and compare their current transition settings with the proposed cubic-bezier timing. Apply the animation change and verify the opening behavior against the linked preview in an iOS-themed example or test.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- frontend, mobile
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 67/100