Media Editor Modal: Reorder details fields so the editable regular layout fields appear at the top#78792
Conversation
|
Size Change: -2 B (0%) Total Size: 8.21 MB 📦 View Changed
ℹ️ View Unchanged
|
02012d1 to
ffd444d
Compare
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
|
Flaky tests detected in ffd444d. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/26740391799
|
ffd444d to
a8ee5e6
Compare
|
Alrighty, this should be ready for review now. I've removed the truncation for the date fields and simplified them. We still need truncation for the filename in a DataViews context so I've tried to settle on a happy medium 🤞 |
ramonjd
left a comment
There was a problem hiding this comment.
LGTM behavior lines up with the PR intent IMO
Keyboard navigation is consistent in my testing.
|
Thanks for reviewing! I'll merge this in, but happy to follow-up in a separate PR if there's further feedback from designers, too 👍 |

What?
Fixes #78791
In the Media Editor Modal: re-order the details fields so that the regular layout fields appear at the top, with readonly fields at the bottom.
Why?
As raised in the issue, the editable fields can be more relevant to a user than the readonly / metadata ones. So this PR tries out re-ordering them, while also simplifying the Date added and modified fields so that they no longer truncate and simply use the
datetimefield type as-is.How?
text-wrap: pretty;so that we don't have widows when the date wrapsTesting Instructions
Screenshots or screencast
When the date and file name truncate to an extra row:
When there's a really long filename:
Use of AI Tools
Claude Code