[HelpHub] [6.4] Columns Block

femkreations commented 12 months ago

Article: https://wordpress.org/documentation/article/columns-block/

Updates for 6.4

[ ] Adopt button and heading element colors. 54104
[ ] Add stretch alignment to Column block. 53325

Reference

[ ] Pls refer for the previous versions tasks here

General

[ ] Make sure all screenshots are relevant to the latest version
[ ] Make sure videos, if any, are up to date
[ ] Add ALT tags for the images
[ ] Make sure the headings are in sentence case
[ ] Convert all reusable blocks to a ‘regular block’.
[ ] Update the changelog at the end of the article

github-actions[bot] commented 12 months ago

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

github-actions[bot] commented 12 months ago

Heads up @femkreations - the "block editor" label was applied to this issue.

zunaid321 commented 11 months ago

Would like to work on this one.

zunaid321 commented 11 months ago

@femkreations @abhansnuk

Please assign this to me. Thank you.

nalininsbs commented 11 months ago

Thank you @zunaid321 .

zunaid321 commented 11 months ago

Adopt button and heading element colors. https://github.com/WordPress/gutenberg/pull/54104

With the recent release, this feature allows you to choose a color for the buttons and heading of Column/s blocks. It allows you to style some elements independently with different colors, for example, a special section with a color-coded button and headline. You can choose specific colors for button and heading from columns /s blocks giving you a freedom on how to design the content.

zunaid321 commented 11 months ago

Add stretch alignment to Column block. https://github.com/WordPress/gutenberg/pull/53325

The stretch feature is added to vertical alignments of the column block. This implies that blocks in a Column block may now be stretched to 100% height of their container.

https://github.com/WordPress/Documentation-Issue-Tracker/assets/5287486/249288b6-4a4c-4006-888c-28bb14cb1899

zunaid321 commented 11 months ago

Please review the changes above:

@femkreations @abhansnuk

Thank you!

nalininsbs commented 11 months ago

Thank you @zunaid321 . The cat is very nice.

I have moved this to first edit and adding @Leonardus-Nugraha @jennimckinnon for awareness.

abhansnuk commented 11 months ago

In this section:

Adopt button and heading element colors. WordPress/gutenberg#54104

EDIT:

With the 6.4 release, this feature allows you to choose a color for the buttons and heading of column blocks. Users can now style some elements independently with different colors, for example, have a special section with a color-coded button and headline. The option to choose specific colors for button and headings of columns blocks gives more freedom in designing content.

abhansnuk commented 11 months ago

Add stretch alignment to Column block. WordPress/gutenberg#53325

The stretch feature is added to vertical alignments of the columns block. This implies that blocks in a Column block may now be stretched to 100% height of their container.

stretch-alignment-to-Column-block.mp4

TEXT EDIT TO: "The stretch feature is added to vertical alignments of the columns block. This means that blocks in columns block may now be stretched to 100% height of their container."

Can we add a little bit more description about whether this stretch is in proportion or how to stretch it while maintaining its proportions? Is there a link to the glossary for 'container', or do we need to give a very brief description of 'container' given this is for end users?

abhansnuk commented 11 months ago

@zunaid321 I was not sure if the image added of cats is one you added? If so, I wonder can we show in the right hand sections stretched version of the pictures rather than different pictures? Very cute cats! Thanks for working on this issue.

zunaid321 commented 11 months ago

In this section:

Adopt button and heading element colors. WordPress/gutenberg#54104

EDIT:

With the 6.4 release, this feature allows you to choose a color for the buttons and heading of column blocks. Users can now style some elements independently with different colors, for example, have a special section with a color-coded button and headline. The option to choose specific colors for button and headings of columns blocks gives more freedom in designing content.

Awesome! Thank you for the edit! 🙏 @abhansnuk

zunaid321 commented 11 months ago

Add stretch alignment to Column block. WordPress/gutenberg#53325 The stretch feature is added to vertical alignments of the columns block. This implies that blocks in a Column block may now be stretched to 100% height of their container. stretch-alignment-to-Column-block.mp4

TEXT EDIT TO: "The stretch feature is added to vertical alignments of the columns block. This means that blocks in columns block may now be stretched to 100% height of their container."

Can we add a little bit more description about whether this stretch is in proportion or how to stretch it while maintaining its proportions? Is there a link to the glossary for 'container', or do we need to give a very brief description of 'container' given this is for end users?

@zunaid321 I was not sure if the image added of cats is one you added? If so, I wonder can we show in the right hand sections stretched version of the pictures rather than different pictures? Very cute cats! Thanks for working on this issue.

I got the screenshot from and regarding the description, I got it from here: https://github.com/WordPress/gutenberg/pull/53325

Maybe the author of that particular issue can give us more insight into this? 🤔 @abhansnuk

WordPress / Documentation-Issue-Tracker