Use Square Image on Horizontal Cards

Created on 14 October 2024, 2 months ago

Problem/Motivation

The Rivet Horizontal Card style expects a square image, however the module codebase assumes a 16:9 aspect ratio image. If a square source image is used, The rvt_card image style will zoom the image in so that it crops properly to 16:9, then we apply the square style using CSS object fit. This results in images being zoomed in too far.

Proposed resolution

Detect when a Card is configured to display as Horizontal. Use the rvt_card__horizontal image style and media view mode to crop images to 1:1 aspect ratio (square) on the server and avoid the extra zoom effect.

Remaining tasks

User interface changes

API changes

Data model changes

📌 Task
Status

Active

Version

2.2

Component

Code

Created by

🇪🇨Ecuador jwilson3

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024