WordPress.org

Make WordPress Core

Opened 7 years ago

Last modified 16 months ago

#26605 new enhancement

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

Reported by: mattheu Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 3.8
Component: Administration Keywords: has-patch has-ui-feedback needs-screenshots needs-refresh
Focuses: ui Cc:

Description

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.

https://dl.dropboxusercontent.com/s/h8jpr8305isg0gy/2013-12-13%20at%2013.17%202x%20%281%29.png

Attachments (7)

26605.diff (471 bytes) - added by mattheu 7 years ago.
26605-2.diff (789 bytes) - added by mattheu 7 years ago.
right_now_wrap.png (35.6 KB) - added by DrewAPicture 5 years ago.
26605.2.diff (941 bytes) - added by tsiger 2 years ago.
26605.mobile-view.png (36.1 KB) - added by tsiger 2 years ago.
26605.desktop-view.png (35.1 KB) - added by tsiger 2 years ago.
Screenshot 2019-07-22 at 19.04.44.jpg (130.7 KB) - added by boemedia 16 months ago.
Events widget vs Activity widget

Download all attachments as: .zip

Change History (22)

@mattheu
7 years ago

#1 @mattheu
7 years ago

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.

@mattheu
7 years ago

#2 @SergeyBiryukov
7 years ago

  • Component changed from Appearance to Administration
  • Keywords ui-focus has-patch 3.9-early added
  • Milestone changed from Awaiting Review to Future Release
  • Version set to 3.8

#3 @jeremyfelt
7 years ago

  • Component changed from Administration to Posts, Post Types
  • Focuses admin added

#4 @DrewAPicture
5 years ago

  • Keywords ui-feedback added

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.

#5 @DrewAPicture
5 years ago

  • Component changed from Posts, Post Types to Administration
  • Focuses administration removed

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


4 years ago

#7 @hugobaeta
4 years ago

  • Keywords needs-screenshots added

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


4 years ago

#9 @melchoyce
4 years ago

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

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


3 years ago

#11 @melchoyce
3 years ago

  • Keywords needs-refresh added; 3.9-early removed

@tsiger
2 years ago

#12 @tsiger
2 years ago

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).

This ticket was mentioned in Slack in #design by boemedia. View the logs.


16 months ago

#14 @boemedia
16 months ago

  • Keywords has-ui-feedback added; ui-feedback removed

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
16 months ago

Events widget vs Activity widget

#15 @joyously
16 months ago

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.

Note: See TracTickets for help on using tickets.