Plugins: Output plugin card elements in the order they're displayed.

Previously, the notice for listing dependencies in a plugin card was styled with the CSS `order` properties. This created a mismatch between the visual order and DOM order of elements in the plugin card.

For accessibility, visual order and DOM order must always match when they affect meaning and functionality.

This removes the CSS `order` properties and outputs the dependencies notice later, making the visual and DOM order match. Some unused/empty CSS is also removed.

Follow-up to [57545].

Props afercia, afragen, bosskhj, huzaifaalmesbah, mukesh27, costdev.
Fixes #60488.
Built from https://develop.svn.wordpress.org/trunk@57679


git-svn-id: http://core.svn.wordpress.org/trunk@57180 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
costdev
2024-02-21 17:34:13 +00:00
parent a6c914d46b
commit f023a4a635
6 changed files with 4 additions and 25 deletions

View File

@@ -1591,14 +1591,6 @@ div.action-links,
margin-top: 0;
}
.plugin-card .column-description .authors {
order: 1;
}
.plugin-card .column-description .plugin-dependencies {
order: 2;
}
.plugin-card .column-description p:empty {
display: none;
}
@@ -1644,8 +1636,6 @@ div.action-links,
.plugin-card .plugin-dependency-name {
flex-basis: 69%;
}
.plugin-card .plugin-dependency .more-details-link {
}
}
.plugins #the-list .required-by,