Super long line in topic causing page to be sidescrolled (a lot!)

[NateDhaliwal]

Note: This seems to happen on Kanban Board, but not on other topics.

There is a very long line at the bottom of the topic, for absolutely no reason whatsoever.

[NateDhaliwal]

This also happens in Top Menu not populating options.

I think I know what the cause is:
The line is the bottom line of the topic map, and seems to extend if the post below (2nd post/1st reply) is posted after a long time, e.g. ‘4 months later’ or ‘6 years later’. This is the case in the 2 topics I’ve linked, and doesn’t happen in others.

Update:
Allow normal users to bulk update notification level also has the problem, and has the same occurrence of the ‘xxx years later’ (in this case, 4 years).

[NateDhaliwal]

After looking at General moderation policies, which also has this problem, it looks like the line does not have to be part of the topic map, but rather any line whose post below has been posted after a long time.

[Architect]

I haven’t even noticed this phenomenon, that looks like mobile view you have documented this there do you only notice this on mobile?

[Moin]

It’s not really about mobile view. You can also reproduce this on desktop view by using a very narrow window.

Maybe this is the problem?

.small-action .small-action-desc {
    width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2);
}

I think in DEV: Small fixes and tweaks in the Glimmer Post Stream by megothss · Pull Request #33112 · discourse/discourse · GitHub the small-action class was added to the time gap template.

[sam (Sam Saffron)]

Thanks heap for reporting, @awesomerobot mentioned he is going to have a look tomorrow

[NateDhaliwal]

No problem, thanks for the update!

[awesomerobot (Kris)]

This will fix it, thanks for the report!

UX: Remove duplicate class from time-gap in post-stream widget

[NateDhaliwal]

Thanks for the quick fix! All seems good now .