fixed tooltip position on mobile

[Vayras]

issue: #2434

fixed the tooltip position on mobile

[taoeffect]

Awesome - thanks for your first PR @Vayras!

I found a bug - please be sure to thoroughly test all PRs and check the console for errors, in this case there's an issue with bottom-center not being a valid Tooltip direction:

I recommend also testing with dummy data, you can temporarily modify GroupMembersActivity.vue to use dummy data to test the display.

[Vayras]

@taoeffect thanks for the review I will fix this 🚀

[Vayras]

@taoeffect I have fixed the direction property can you please review this again for me? Thanks

[taoeffect]

This change has the same problem.

[corrideat]

@Vayras If you take a look at Tooltip.vue, these are the allowed attributes:

    direction: {
      type: String,
      validator: (value) => ['bottom', 'bottom-left', 'bottom-right', 'right', 'left', 'top', 'top-left'].includes(value),
      default: 'bottom'
    },

If you need other values, you need to modify Tooltip.vue. However, your PR 'works' because the default value of bottom will actually be centred at the bottom.

[Vayras]

@corrideat thanks for the info I looked at the file and found an attribute "bottom-middle" which is as you said the default attribute as well so I'm using that

[taoeffect]

@Vayras What file are you seeing that in? I don't see that in any file in the project.

[Vayras]

@corrideat Thanks for the heads up I think I was referring to the wrong tooltip file, fixed that in the latest commit

[taoeffect]

Seems to work in my tests, great job @Vayras!