How to fix display of really long comment threads?

https://lemmy.world/post/18315651

How to fix display of really long comment threads? - Lemmy.World

Is there a setting that might resolve the issue attached, where really long comment threads get squished into illegibility?

Interested to see what solutions for this are proposed that don’t involve re-rooting the comment tree from a lower depth. Tesseract is susceptible to this on mobile as well, and I’ve decreased the left padding as far as it’ll go as a partial workaround.

I’m not crazy about having to re-root the comment tree like Reddit does (or at least used to do) beyond a certain depth, so hoping to hear some better suggestions I can borrow.

rerooting would be like what the voyager app does? One alternative from visual perspective could maybe be the trains view from the öffi app? Sort of sideways diagonal scrolling? idk just brainstorming/brainfarting here, the pic reminded me a little of that view somehow

Haven’t used Voyager for a bit, but maybe. I’ll check and see how it does it. I’m trying to avoid that as a solution, though, if I can.

I’ve always joked (but not joking lol) that if the user has to scroll horizontally, you’ve failed as a designer. 😆

I can’t think of a solution that isn’t re-rooting in one form or another. Do you know of any app that has done it differently?

Not off my head, no. Which is why I was asking if there were any other alternatives. I don’t particularly like that solution.

Edit: Since I know the depth on a per-comment basis, maybe I could reverse it in CSS beyond a certain point and have them start going right to left? (spitballing here)

We should start a ridiculously long comment thread here so people can see how the various Lemmy apps out there handle and render things…

Lol, well, I’ll keep the ball rolling with this reply.

It took me a while to notice this behavior (on any client) because once a comment thread gets that deep, it’s usually a slap fight I wouldn’t bother reading anyway lol

i’m tempted to make a stupid feature where it turns into an ace attorney fight after about 15 comments of depth.
Pee is stored in the balls. Wanna fight about it?
How could I fight with the truth?

@[email protected]

After stopping the scroll, animate to minus padding on the left (move tree to the left in its entirety).

Or animate the margin between these comments to 0 until the end of the comments for the thread

Or just stop at some percentage of screen estate and work with differing colors.

Maybe you could use folds right above and below to indicate that the tree is rerooted?

Spittballing back. Learned a word today!

Yeah thatd work, but it would probably be pretty hard to do on mobile

Nope. Way more hacky on the web.

On mobile it would be encapsulated and invoked on demand, easily supporting 300hz+ :).

At least I assume it; But I have my very limited experience on web development. Even if there would be an easy way due to javascript/browser compatibility it should be very cumberstone.

Though if we had a LISP-like language (Scheme) like initially intended we wouldn’t have to worry. Idk who to blame.

Someone wanted restrictions and this may have been a valid point.

I can’t judge but for mobile.

How about this: as you scroll past an entire comment in the chain (the bottom of the comment leaves the top of the screen) the entire comment chain is shifted to the left?
Rotate your phone
That did help, thanks.
But in another note, when I rotated back after finishing the thread, it was worse than before, with no comment hierarchy visible at all. I had to refresh to get it back.
Here’s the last comment in the thread I was following, just in case it’s helpful.
What can a city do when neo-Nazis start marching down its streets? - Lemmy.World

The brazen appearance of white supremacist groups in Nashville left the city grappling with how to confront hateful speech without violating First Amendment protections. They first arrived at the beginning of July: dozens of masked white supremacists, shuffling out of U-Hauls [https://x.com/kate_ross_/status/1809760867812028846], to march through Nashville carrying upside-down American flags. A week later, members of a separate neo-Nazi group, waving giant black flags with red swastikas, paraded along the city’s famed strip of honky-tonks and celebrity-owned bars. The neo-Nazis poured into the historic Metro courthouse to disrupt a City Council meeting, harassed descendants of Holocaust survivors and yelled racist slurs at young Black children performing on a downtown street. The appearance of white nationalists on the streets of a major American city laid bare the growing brazenness of the two groups, the Patriot Front and the Goyim Defense League. Their provocations enraged and alarmed civic leaders and residents in Nashville, causing the city to grapple with how to confront the groups without violating free speech protections. Non-paywall link [https://www.nytimes.com/2024/08/01/us/neo-nazis-nashville-free-speech.html?unlocked_article_code=1._00.91zO.b3mS-pBm2Sdk]

You can try adjusting the padding size; mine is on minimum and, while it still wasn’t ideal and would have gotten cut off as well if it continued, I was able to read up to the end.

Settings shortcut: Comments > Padding style

That definitely helps, thanks
If you go to settings, comments then style… Could this be the thing?
For the record, some clients (Voyager) use rainbow colors that allow the levels to be distinguished while taking up very little vertical space, or even no vertical space past level 10 or so (might get ambiguous since the colors loop every 7 or so but there are ways around that, such as rotating the hue 6 % evedy cycle)
Voyager for Lemmy

Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.

Settings shortcut: Comments > Padding style

Setting this to minimum helped me

There’s a setting for everything! Amazing, thank you 💪
That helps a lot, thanks! 👍