Revisions: Compare Revisions layout issues on mobile

[plari]

This is a follow-up to #33830.

"Restore This Revision" button in wp-admin revision page can become hidden behind the diff panel in mobile view, particularly if the post author has a longer name.

The problem occurs when the author info (Name & Timestamp) stacks below the Avatar.

[adamsilverstein]

Hi @plari - thanks for opening the ticket. Good catch, looks like a style issue.

Do you know what device/width were you testing with?

[plari]

Hey @adamsilverstein! That screenshot I shared was in Firefox using in-browser responsive tools; I think the width really depends on the length of the Public display name – as soon as the edge of the window reaches the name, the name stacks below the avatar, and the button moves down as well. Retested today, and that happened at 456px. I can produce the same result viewing on Safari, iPhone XR. Hope this helps!

[adamsilverstein]

Thanks for the details @plari. I don't think we have tested extensively on mobile so we probably just never noticed the issue, thanks for reporting.

I've marked this as a good-first-bug since I feel like the fix should be pretty straightforward.

…dden behind the diff panel in mobile view, particularly if the post author has a longer name.

Ticket No: #58844

Trac ticket:

https://core.trac.wordpress.org/ticket/58844

https://core.trac.wordpress.org/ticket/58844

Fix this issue on mobile "Restore This Revision" button in the wp-admin revision page can become hidden behind the diff panel in mobile view, particularly if the post author has a longer name.

Trac ticket: https://core.trac.wordpress.org/ticket/58844