Make WordPress Core

Opened 3 years ago

Last modified 2 years ago

#23899 closed defect (bug)

Assorted UI tweaks to revisions screen — at Version 4

Reported by: lessbloat Owned by:
Milestone: 3.6 Priority: normal
Severity: normal Version: 3.6
Component: Revisions Keywords:
Focuses: Cc:

Description (last modified by ocean90)

I've noticed a couple of small things we can do to improve the UI/UX of the new revisions screen:

A couple things to consider:

  • Add a short description (intro sentence) explaining what to do once you land on the page.
  • Disable previous and next buttons when you're on the first, and last node.
  • Fix some padding/margin inconsistencies (i.e. unnecessarily large padding on right side of screen)
  • Slider handle (blue down arrow) icon looks a tad rasterized (especially on retina device)
  • Seems like the "Restore this revision" button should be in the proximity of the right side instead of in the middle (as the right side is the visual representation of what will actually be restored).
  • When in "Compare two revisions" mode, the blue highlighted section within the slider, covers all of the revision nodes. We might look at decreasing the height of that blue highlighted area.

Change History (6)

comment:1 @lessbloat3 years ago

  • Component changed from General to Revisions
  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to 3.6

@lessbloat3 years ago

comment:2 @lessbloat3 years ago

23899.diff tries to be smart about disabling the next and previous buttons based on where you're at on the slider.

comment:3 @bpetty2 years ago

Related: #23935

@ocean902 years ago

comment:4 @ocean902 years ago

  • Description modified (diff)

23899.2.patch refreshes lessbloat's patch and changes the z-index of the slider range to let the revision nodes visible.

Note: See TracTickets for help on using tickets.