Skip to content

Use the "flex justify-content: space-around;" for widgets #5083

@spirau

Description

@spirau

Using columns, it is possible to have the last widget aligned to the bottom of the row in each column.
image
The first image is done using a css class on the columns width "display: flex; flex-direction: column; justify-content: space-between; }", so the buttons which are the last items are aligned.
But if I develop a widget or use the price table for example and each widget has a different height, the last component of each widget will not be aligned and the height of each column is different. Because the widgets are embedded in wrappers it is not possible to use this flex possibility.
image
The look & feel is not the same with or without the buttons aligned.
How to get this effect inside a custom widget since the widget wrapper is seen as one unique flex component?

Metadata

Metadata

Assignees

No one assigned

    Labels

    request/enhancementIndicates an Enhancement Request for an existing feature.status/mergedIndicates when a Pull Request has been merged to a Release.

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions