Add ticker-textbox style class that scrolls when hovered over

[hanaral]

Problem

Having cut-off text fade out instead of hyphenated/ellipsized is far more practical but also just looks more pleasant. It would get across the metaphor of it being cut off more literally and would also make text able to be read when it it is hovered over or selected.

Proposal

(I don't know how many levels of difficult this is) There should be a style class of text box that fades out to the limit of the box when the text it contains is cut off. It would also scroll at a slow speed when hovered over or selected.

Prior Art

iOS Music app:

[seifeldinio]

The cut-off text can start revealing the rest of the text after a delay of 1400 ms. The reveal can last for about 5000 ms, and after another 1400 ms delay, the text can fade back again.

Here’s a prototype for it:

https://github.com/elementary/granite/assets/76487753/ef739cf9-cd59-406d-b7f7-c13588a07b45

Here’s the mockup: