Skip to content

Conversation

@shimotmk
Copy link
Contributor

@shimotmk shimotmk commented Aug 31, 2025

What?

Group Block variation:Displays variation colors correctly.

Why?

Change the text color attribute from customTextColor to style > color > text.

This attribute change was probably made 5 years ago.
#21037

If you don't think you need text color, remove the color.

How?

Testing Instructions

  1. Open a post or page.
  2. Hover over the Row block to see the example
  3. You'll see that the example text is colored.

Testing Instructions for Keyboard

Screenshots or screencast

row

@github-actions
Copy link

github-actions bot commented Aug 31, 2025

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: shimotmk <[email protected]>
Co-authored-by: t-hamano <[email protected]>
Co-authored-by: jasmussen <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@t-hamano
Copy link
Contributor

t-hamano commented Sep 1, 2025

Good catch!

This attribute change was probably made 5 years ago.
#21037

If you don't think you need text color, remove the color.

While a colorized preview is certainly the correct way to go, unfortunately, we have become accustomed to unintentionally uncolorized block previews for many years. Additionally, I think the colorized preview is too prominent.

image

Personally, I prefer to remove color from the preview. cc @WordPress/gutenberg-design

@t-hamano t-hamano added [Type] Bug An existing feature does not function as intended Needs Design Feedback Needs general design feedback. [Block] Group Affects the Group Block (and row, stack and grid variants) labels Sep 1, 2025
@jasmussen
Copy link
Contributor

That is next level code archeology, thank you for contributing!

My instinct would be to remove these colors, to fix the code quality issue, but keep the visual as it appears in trunk. The main reason being: the contrast in the preview isn't very good, and it's not clear there's a huge value in those colors.

What do you think?

@t-hamano
Copy link
Contributor

t-hamano commented Sep 1, 2025

@jasmussen Thanks for the feedback!

My instinct would be to remove these colors, to fix the code quality issue, but keep the visual as it appears in trunk. The main reason being: the contrast in the preview isn't very good, and it's not clear there's a huge value in those colors.

I totally agree with the above 👍

@shimotmk shimotmk changed the title Group Block variation:Displays variation colors correctly. Group Block variation:remove variation text color. Sep 1, 2025
@shimotmk
Copy link
Contributor Author

shimotmk commented Sep 1, 2025

@t-hamano
@jasmussen
Thank you for feedback!
I removed the customTextColor and it now looks the same as before.
row

@t-hamano
Copy link
Contributor

t-hamano commented Sep 1, 2025

Maybe attributes.fontSize isn't working either? If so, I think we can remove it now.

@shimotmk
Copy link
Contributor Author

shimotmk commented Sep 1, 2025

fontSize is theme-dependent.

In this screenshot, I removed the fontSize for One. and reduced the default font size for paragraphs.
row

I'll remove the example preview because I don't think theme-dependent attributes are good.

Copy link
Contributor

@t-hamano t-hamano left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

I think hardcoding the font size slug is certainly not a good idea, so it's better to remove it. If the text feels small, let's apply some px value instead in the follow-up.

@t-hamano t-hamano merged commit 0270f0f into WordPress:trunk Sep 2, 2025
68 checks passed
@github-actions github-actions bot added this to the Gutenberg 21.6 milestone Sep 2, 2025
@shimotmk shimotmk deleted the fix/group-example-text-color-attributes branch September 2, 2025 09:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Block] Group Affects the Group Block (and row, stack and grid variants) Needs Design Feedback Needs general design feedback. [Type] Bug An existing feature does not function as intended

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants