Change tooltip animation?

[Zyme]

How do I change a tooltip animation direction?

Right now it “folds out” from top to bottom, but I would like it to fold out from left to right.

The actual positioning is correct, just not the animation itself.

[Hawkeye64]

Here’s documentation: https://quasar-framework.org/components/tooltip.html
Look at properties for anchor and self.
This is my go to tooltip position:

<q-tooltip anchor="bottom middle" self="top middle">Play/Pause</q-tooltip>

But depending where the tooltip shows up, I’ve had to adjust it a bit so the display doesn’t hide something:

<q-tooltip anchor="top middle" self="bottom middle">Date/Time</q-tooltip>

Hope that helps!

[Zyme]

@hawkeye64 said in Change tooltip animation?:

Here’s documentation: https://quasar-framework.org/components/tooltip.html
Look at properties for anchor and self.
This is my go to tooltip position:

<q-tooltip anchor="bottom middle" self="top middle">Play/Pause</q-tooltip>

But depending where the tooltip shows up, I’ve had to adjust it a bit so the display doesn’t hide something:

<q-tooltip anchor="top middle" self="bottom middle">Date/Time</q-tooltip>

Hope that helps!

That just changes where the tooltip appears, not how it appears. It still folds out with the same animation.