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

Tooltip Animations too fast (86ms), allow user to adjust the speed, and if possible the type the animation too #88

Closed
saravanabalagi opened this issue Mar 21, 2021 · 3 comments · Fixed by #96

Comments

@saravanabalagi
Copy link
Contributor

I am not able to get the fade animation as described in the docs:

<Tooltip position="is-bottom" label="Open in Google Street View" type="is-info" size="is-small" animated>
    <FontAwesomeIcon icon="street-view" />
</Tooltip>

20210321_021148

@saravanabalagi
Copy link
Contributor Author

After taking a closer look, the animations are indeed there! But that's only 86ms, which is not so noticeable. I would recommend allowing the user to adjust the speed or maybe even the animation that will be applied.

image

@saravanabalagi saravanabalagi changed the title Tooltip Animations not working Tooltip Animations too fast (86ms), allow user to adjust the speed, and if possible the type the animation too Mar 31, 2021
@saravanabalagi
Copy link
Contributor Author

This 86ms comes from the $speed variable from bulma. Even if I override it manually in my app, svelma would still pick $speed from @import 'node_modules/bulma/sass/utilities/all'. Code reference here.

@saravanabalagi
Copy link
Contributor Author

Linking #75 and #87 as solving styling would solve the speed issue. There would still be the question of how to allow other transitions, something like fly from opposite direction will be very useful e.g fly from up for is-down tooltip.

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

Successfully merging a pull request may close this issue.

1 participant