Fix Player: Tooltips get cut off with long text

[alexeevrevan]

Tooltip bug fixed

Pull Request Type

• Bugfix
• Feature Implementation
• Documentation
• Other

Related issue

closes #6331

Description

The application was inspected via devtools to find where the bug happens, I fixed it in the code afterwards. Now Tooltip pops up correctly, even with more symbols in it.

Screenshots

Before and After bugfix

Testing

Tried different options right in the browser devtools, found out that there's a css feature conflict that causes unnecessary overlapping. A little time to inspect the codebase, quite a few simple moves and here we go, it works properly. Tested a different amount of symbols. Works fine until there's one milliion symbols, but there's no need in such an amount. Tested in Russian langauge and in German (as in the following issue), works as it should.

Desktop

• OS: Windows
• OS Version: 10
• FreeTube version: v0.22.0 Beta

[PikachuEXE]

Some comments would be great

[PikachuEXE]

Also there is a PR template please follow it

[alexeevrevan]

Also there is a PR template please follow it

you mean text formatting? OK I'll try to

[alexeevrevan]

Also there is a PR template please follow it

Done editing

[alexeevrevan]

@absidue @efb4f5ff-1298-471a-8973-3d47447115dc @ChunkyProgrammer

[absidue]

@alexeevrevan Please don't unnecessarily ping people, our reviews were already requested and we will get to them when we have time to look at this PR. We are volunteers that work on FreeTube in our spare time, we all have lives outside of it, so yes we don't work on it 24/7. Please be patient, instead of annoying us with extra pings.

[alexeevrevan]

@alexeevrevan Please don't unnecessarily ping people, our reviews were already requested and we will get to them when we have time to look at this PR. We are volunteers that work on FreeTube in our spare time, we all have lives outside of it, so yes we don't work on it 24/7. Please be patient, instead of annoying us with extra pings.

ok

[kommunarr]

This particular fix improves the situation for the right-side buttons but worsens it for left-side buttons. An ideal fix would make the title text work like the thumbnail image does currently, which is also how title text works in YT currently.

[alexeevrevan]

This particular fix improves the situation for the right-side buttons but worsens it for left-side buttons. An ideal fix would make the title text work like the thumbnail image does currently, which is also how title text works in YT currently.

thats the good point

[alexeevrevan]

This particular fix improves the situation for the right-side buttons but worsens it for left-side buttons. An ideal fix would make the title text work like the thumbnail image does currently, which is also how title text works in YT currently.

when i was about to come to a commit I made I found out that word-break property works just fine avoiding border overlapping by stacking words. but i guess its not youtube-ish enough, hahah.

[github-actions]

This PR is stale because it has been open 14 days with no activity. Remove stale label or comment or this will be closed in 14 days.

[github-actions]

This PR was closed because it has been stalled for 14 days with no activity.