Skip to content
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

Enable animation transition on Add entry + button #266

Open
luckyrat opened this issue Jun 27, 2020 · 0 comments
Open

Enable animation transition on Add entry + button #266

luckyrat opened this issue Jun 27, 2020 · 0 comments

Comments

@luckyrat
Copy link
Member

We'd like something like a <v-fade-transition> or <v-fab-transition> maybe. Unfortunately we can't use a built-in transition because the search bar also animates up and away at the same time as this animation would take place, causing the y position of the + button to immediately jump down and then gradually rise irrespective of the animation effect we select for the button.

Probably we could have a custom animation that lasts the same duration as the search box and increases y at the same rate as the search bar animation. Whether we fade out the button or do a fab-style scaling or slide it out over the x-axis is almost trivial in comparison to syncing the y-axis with the search box and I don't have any strong reason to prefer one approach over another at this point.

Could be a good first issue for someone with some basic CSS animations and/or Vue knowledge.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant