Replying to Avatar DanConwayDev

nostr:nprofile1qqszv6q4uryjzr06xfxxew34wwc5hmjfmfpqn229d72gfegsdn2q3fgpr3mhxue69uhhxct5v4kxc6t5v5hxs7njvscngwfwvdhk6tcpzfmhxue69uhkummnw3e82efwvdhk6tcpz4mhxue69uhhyetvv9ujuerpd46hxtnfduhsk7wj75 have you considered hiding large amounts of text in thw content of a kind 1 behind a 'show more' button? It took ages to cross past this note on mobile.

yes, although I'm not sure whats the best way to detect if a note is too long. number of characters is the simplest but doesn't take into account of images or other embedded notes

using the height of the html element itself would be best, but to do that I have to render it first then measure it. which causes the timeline to jump around

I haven't put much effort into it though because it hasn't effected me too much

Reply to this note

Please Login to reply.

Discussion

What's wrong just setting a max height. If reached in real time at any point 👉 View More

Like, nosotros:

With just the max-height you won't be able to render the "view more" button as you don't know, I am using react-use-measure to measure the post height to them show the button, i am not very happy with this solution as it cause the post content to render twice in case the condition is true, wish there was a css only solution for that.

Ooh damn, yup that's annoying.

I selfishly hope Flutter dues have some more straightforward solution for this 😉

Then char count is the way I guess.

Amethyst seems to do that with a way to translate images/quotes into a number of chars.