Skip to content

Add Width and Height controls to children of flex, flow and constrained layouts #59195

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
tellthemachines wants to merge 15 commits into
base: trunk
Choose a base branch
from
Open

Add Width and Height controls to children of flex, flow and constrained layouts #59195

Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
6a73eae
Add Width and Height controls to children of flex, flow and constrain…
tellthemachines Feb 20, 2024
82f68ff
Show child layout panel for all layout types
tellthemachines Feb 20, 2024
a271953
Fix booboos
tellthemachines Feb 21, 2024
39140e3
Fix default width for flow children
tellthemachines Feb 21, 2024
8bef785
Remove legacy attribs and ensure correct output.
tellthemachines Feb 22, 2024
3112204
Implement front end styles
tellthemachines Feb 22, 2024
cacc45f
Address feedback
tellthemachines Feb 23, 2024
083ce06
Fix issue where align support is boolean.
tellthemachines Feb 23, 2024
d8130bd
rename var
tellthemachines Feb 26, 2024
22382a8
Add Max width control for vertical layouts.
tellthemachines Feb 26, 2024
d14e3eb
Add some !importants 🙀
tellthemachines Feb 26, 2024
9e455ba
Make resets work properly.
tellthemachines Feb 27, 2024
a03322e
Merge remote-tracking branch 'origin/trunk' into add/child-width-and-…
tellthemachines Mar 18, 2024
66a954d
Check if content and wide widths are defined in the theme
tellthemachines Mar 18, 2024
7d0e0ab
In classic themes, show width and height only for flex children.
tellthemachines Mar 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
rename var
  • Loading branch information
@tellthemachines
tellthemachines committed Feb 27, 2024
commit d8130bd549f525a31100f7b0c7441f2028f99f5d
6 changes: 3 additions & 3 deletions lib/block-supports/layout.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -585,8 +585,8 @@ function gutenberg_render_layout_support_flag( $block_content, $block ) {
}

// Orientation is only used for flex layouts so its default is horizontal.
$parent_orientation = isset( $block['parentLayout']['orientation'] ) ? $block['parentLayout']['orientation'] : 'horizontal';
$vertical_parent_layout = in_array( $parent_layout_type, array( 'constrained', 'default' ), true ) || ( 'flex' === $parent_layout_type && 'vertical' === $parent_orientation );
$parent_orientation = isset( $block['parentLayout']['orientation'] ) ? $block['parentLayout']['orientation'] : 'horizontal';
$has_vertical_parent_layout = in_array( $parent_layout_type, array( 'constrained', 'default' ), true ) || ( 'flex' === $parent_layout_type && 'vertical' === $parent_orientation );

// Support for legacy flexSize value.
if ( 'fixed' === $self_stretch && isset( $child_layout['flexSize'] ) ) {
Expand All @@ -596,7 +596,7 @@ function gutenberg_render_layout_support_flag( $block_content, $block ) {
$child_layout_declarations['flex-grow'] = '1';
}

if ( $vertical_parent_layout ) {
if ( $has_vertical_parent_layout ) {
// Width styles.
if ( 'fixed' === $self_align && $width ) {
$child_layout_declarations['max-width'] = $width;
Expand Down