[Luminance] - Featured images are misaligned.

[Greatdane]

Quick summary

Check the demo site; https://luminancedemo.wordpress.com/

The featured images within the query loop are misaligned. Just reported by a user and can reproduce.

Steps to reproduce

Activate Luminance and check the homepage template in the site editor.

What you expected to happen

Featured image should be aligned.

What actually happened

Featured image is not aligned.

Browser

Google Chrome/Chromium, Mozilla Firefox, Microsoft Edge, Apple Safari

Context

Customer Report.

Platform (Simple, Atomic, or both?)

Simple

Other notes

No response

Reproducibility

Consistent

Severity

All

Available workarounds?

Yes, difficult to implement

Workaround details

Likely CSS. Not Available to Starter plans.

[Greatdane]

8404697-zd-a8c

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 8404697-zen
• 8404682-zen
• 8428324-zen
• 8460124-zen

[marutim]

Another report here: 8404682-zen

[jartes]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Could Not Replicate

📌 FINDINGS
On atomic sites, this is not happening, as they have the following CSS to fix that:

.wp-block-post-featured-image.wp-block-post-featured-image img {
    vertical-align: top;
width: auto;
}

📌 ACTIONS

• Triaged
• Adding normal priority

[lizswafford]

8428324-zd-a8c

[supernovia]

Another report here. 8460124-zd-a8c

This is an atomic site. We'll add the CSS but noting it does occur there by default.

[dsas]

Luminance sets core/post-featured-image to vertical-align:top which would correct the display but this is being overridden to vertical-align:bottom by the more specific CSS in post-features-image/style.css since WP 6.6 downgraded CSS specificity.

[dsas]

Filed WordPress/gutenberg#64453 upstream

[seanbelly]

Another report here: 8554300-zd-a8c

[alaczek]

Fixed in #8023