[PP-1] Add alignment options for single columns

Created on 26 November 2021, about 3 years ago
Updated 22 March 2024, 11 months ago

Problem/Motivation

Let's use our icon-combo Paragraph as an example: We have a layout container with three columns and min-height set. We now want to vertically & horizontaly center the combo in its column. This is currently not possible.

Proposed resolution

Add an option per column in the layout settings "align content".

Add a select with the options: 'direction' (default), align-justify and align-spaced,

Dependend Field (only if the select is set to 'direction'): This needs something like a 3x3 grid of radio buttons, while top-left is the default and should have no effect (otherwise we would need to add some "unset"/"default" option.

Remaining tasks

  1. Add the options mentioned above
  2. Style the radio buttons as one widget (OR create a real field "positioning"-widget, because we need this multiple times - not only for this case here!)
  3. Add the needed classes in the templates (or push the class in PHP) => https://get.foundation/sites/docs/flexbox-utilities.html#flexbox-utilities
  4. Add the according CSS styles
Feature request
Status

Fixed

Version

1.0

Component

Miscellaneous

Created by

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024