Appearance of recent/future posts in dashboard looks off on mobile.

[mattheu]

When viewing the dashboard on a small screen device, the layout of the date and post title in the recent/future post section of the layout of the site activity widget looks funny when the title is fairly long.

I think it might be better to have the date on a separate line.

[mattheu]

Perhaps less of a proplem, but this issue is actually still present on desktop when very long titles are used. I propose a more robust way to lay out the 2 columns to prevent this. I'm addding a second patch added that also does this.

[DrewAPicture]

right_now_wrap.png​

This behavior is still present almost two years later. I agree that this isn't exactly ideal. I almost would have expected the title content to wrap at an indent as the design looks and feels kind of like a table, whether that was intentional or not.

Would be nice to get some UI feedback and either a new patch or a wontfix.

[melchoyce]

@mattheu Hey, any chance you're still interested in working on this? Could you add screenshots of what your patch does?

[tsiger]

Hi team :)

Just added a new patch and some screenshots. Not sure if this is the right approach on mobile and if this the correct breakpoint (Currently I'm using the max-width: 799px breakpoint).

[boemedia]

Hi Tsiger,

Thanks for working on this ticket! We discussed the given solution during today's design triage.

We really like the solution given. However, we wondered if we could look at displaying the content from a broader perspective. As we've noticed, there are some similarities in the information given in the Events Widget and this one. But the events widget has different styling. We're unsure why, but think it may be a good idea to align these widgets and maybe use the styling and layout from the (newer) events widget to create better consistency.

[boemedia]

Events widget vs Activity widget

[joyously]

There is a reason those two widgets look different. The Events focus on the event and the date is secondary. The Activity focuses on the date and the title is secondary.
I think the last screenshot and the patch it represents (from tsiger) is perfect for fixing this issue.