Date in timeline slider sometimes not showing in mobile layout

Contribute UX
1

Hi, there seem to be some very random issues with Discourse not showing the date or just showing the month without the year in the timeline slider, especially in mobile mode:

Narrow desktop mode: 1) Firefox logged in, 2) Firefox anon, 3) Chromium logged in, 4) Chromium anon

Screenshot from 2023-03-27 22-55-33
Screenshot from 2023-03-27 22-55-331919×789 297 KB

Mobile mode: 1) Firefox logged in, 2) Firefox anon, 3) Chromium logged in, 4) Chromium anon

Screenshot from 2023-03-27 22-58-38
Screenshot from 2023-03-27 22-58-381919×789 265 KB

There has also been difficulty getting the date to show in the timeline even in normal width desktop mode. I found a CSS tweak that a dev uploaded here which when applied on my Discourse seems to make it always show the month/year in normal desktop width, and at least the month but sometimes not the year in mobile mode on Firefox for Android, and always the full month/year in mobile mode on Chrome for Android:

.timeline-container .topic-timeline .timeline-scrollarea {
    min-width: 5em;
}
.timeline-container .topic-timeline .timeline-replies,
.timeline-container .topic-timeline .timeline-ago {
    overflow: visible;
    max-width: unset;
}
.timeline-container .topic-timeline .timeline-scroller-content {
    overflow: visible;
    padding-left: 0.5em;
    max-height: 4em;
}
1 Like