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

Issue fork iu_paragraphs-3480635

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

jwilson3 created an issue. See original summary.

jwilson3’s picture

jwilson3
Primary language English
Location Ecuador
commented
Assigned: Unassigned » jwilson3
jwilson3’s picture

jwilson3
Primary language English
Location Ecuador
commented

jwilson3 opened merge request !33

  • jwilson3 committed b2370d7e on 2.2.x 
    Issue #3480635 by jwilson3: Use Square Image on Horizontal Cards
jwilson3’s picture

jwilson3
Primary language English
Location Ecuador
commented
Status: Active » Fixed

Included in release 2.2.1

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.