Fix alignement options for images and videos

Created on 3 May 2024, about 2 months ago
Updated 15 June 2024, 11 days ago

Problem/Motivation

The idea behind the Gutenberg Starter theme is to get a feeling about the Gutenberg experience. The smaller snacks like setting an image to be full with, left or right aligned, manually adjusted and so on, is a good part of that.

Currently if you try to left align an image or a video, nothing happens.

Steps to reproduce

  1. Create a node where Gutenberg is being used.
  2. Instert a photo
  3. Select the photo and choose "Left alignment" in the contextual option for that image.
  4. confirm that the styling does not change visually, neither in Gutengerg edit mode, nor in the frontend.

Proposed resolution

Add classes and styling for:
Left and right alignments for photos and YouTube/Vimeo where the media turns slightly smaller than default.
The media should be moved about 1/3 outside of the content column width on the specific side it is aligned to.

Remaining tasks

The works of it - with testing responsively and with other Gutenberg block above and below.
Adding it to the 1.0 release.

✨ Feature request
Status

Fixed

Version

1.0

Component

Code

Created by

πŸ‡³πŸ‡΄Norway thorandre

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

Comments & Activities

Production build 0.69.0 2024