search

Joystream / atlas

Whitelabel consumer and publisher experience for Joystream
https://www.joystream.org
GNU General Public License v3.0
100 stars 44 forks source link

Link overlapping with the description on small screens #2780

Closed kdembler closed 2 years ago

kdembler commented 2 years ago

Screenshot 2022-06-02 at 11 36 28

Seen here: https://play.joystream.org/video/26800

Only happens on screens below 520px for this specific case although I guess it depends on the exact link.

kdembler commented 2 years ago

It's actually not only links, text can do the same and on bigger screens: Screenshot 2022-06-02 at 15 44 28

kdembler commented 2 years ago

Additionally,

Also, still on iOS, Safari, when I click the "Show more" button, and then "Show less", the video description is gone entirely.

eldiegod commented 2 years ago

Additionally,

Also, still on iOS, Safari, when I click the "Show more" button, and then "Show less", the video description is gone entirely.

hmm I'm not able to repro this on IOS, is there a video?

toiletgranny commented 2 years ago

@eldiegod Have you tried this video? https://atlas-git-reactions-joystream.vercel.app/video/5 I'm on iPhone 12 Pro, iOS 15.5, Safari.

toiletgranny commented 2 years ago

Also, it was only today in the morning when I discovered (As is) the video title is var(--typography-desktop-h600) on desktops. To be: var(--typography-desktop-h500). Can we include this little tweak in the scope of this task?

eldiegod commented 2 years ago

@eldiegod Have you tried this video? https://atlas-git-reactions-joystream.vercel.app/video/5 I'm on iPhone 12 Pro, iOS 15.5, Safari.

Yes I can reproduce on that one and happens in other browsers too