Twenty Eleven: Table thead color not reflected in editor and front side

[umesh84]

Table thead color not reflected in editor and front side

1: Activate the Twenty Eleven Theme
2: Add table
3: Select text color in table

Attaching a video link for better understanding.
​https://www.loom.com/share/d7d5eced7f864ef598bc37bd09ada34f

[umesh84]

added patch

[mukesh27]

Hi there!

Thanks for the ticket and patch. It does not work for the editor. Is it working for you? In my case I have to update the selector class.

.editor-styles-wrapper .wp-block-table th,
.editor-styles-wrapper .wp-block-table td {
	padding: 0;
	color: currentColor;
}

[multidots1896]

Applied patch

[sabernhardt]

Front-end screenshots to compare before and after patch

[sabernhardt]

Editor screenshots to compare before and after patch

[sabernhardt]

Some people may prefer the gray text for header cells when they select a text color for the data cells, though matching header and body cell colors may be the better choice (especially if the table has a background color). When users do not select their own text color, the header cells should remain gray.

In the editor, the .editor-block-list__block class became .block-editor-block-list__block several releases ago. I like the proposal to use .editor-styles-wrapper instead. The cell padding should not have been zero anyway, so I fixed the values in the editor and mirrored them for RTL on the front end as well.

Taking it further beyond the original scope, 56462.2.patch​ includes editor styles for the caption and the border below it. The wp-block- class is no longer first in the classes list.

(If you're wondering about some English text strings in the Hebrew screenshots, the Gutenberg plugin is not fully translated.)

[audrasjb]

Ok thanks for the patch and testing @sabernhardt.
Let's go with 56462.2.patch then.

[audrasjb]

In 54340:

Twenty Eleven: Improve text color consistency of Table Block heading cells and figcaption.

This changeset ensures the text color selected for the text of the Table Block is reflected on the thead cells, on the figcaption and on the border below it. It also adds better consistency in headings cells padding.

Props umesh84, mukesh27, multidots1896, sabernhardt.
Fixes #56462.