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.


git-svn-id: https://develop.svn.wordpress.org/trunk@54340 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jb Audras 2022-09-27 21:53:02 +00:00
parent 6c17b0335f
commit ac614e51f3
2 changed files with 30 additions and 8 deletions

View File

@ -219,6 +219,14 @@ p.has-drop-cap:not(:focus)::first-letter {
text-transform: uppercase;
}
.rtl .wp-block-table th {
padding: 6px 0 6px 10px;
}
.wp-block-table .has-text-color th {
color: currentColor;
}
.wp-block-table td {
border: 0;
border-top: 1px solid #ddd;

View File

@ -162,12 +162,14 @@ Description: Used to style blocks in the editor.
/* Captions */
[class^="wp-block-"] figcaption {
[class^="wp-block-"] figcaption,
[class*=" wp-block-"] figcaption {
font-family: Georgia, serif;
font-size: 12px;
}
[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
[class^="wp-block-"]:not(.wp-block-gallery) figcaption,
[class*=" wp-block-"]:not(.wp-block-gallery) figcaption {
color: #666;
margin-bottom: 1.625em;
max-width: 96%;
@ -177,7 +179,8 @@ Description: Used to style blocks in the editor.
text-align: left;
}
[class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
[class^="wp-block-"]:not(.wp-block-gallery) figcaption:before,
[class*=" wp-block-"]:not(.wp-block-gallery) figcaption:before {
color: #666;
content: '\2014';
font-size: 14px;
@ -189,13 +192,15 @@ Description: Used to style blocks in the editor.
top: 0;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption,
.rtl [class*=" wp-block-"]:not(.wp-block-gallery) figcaption {
padding-left: 0;
padding-right: 40px;
text-align: right;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption:before,
.rtl [class*=" wp-block-"]:not(.wp-block-gallery) figcaption:before {
left: 0;
margin-left: 5px;
margin-right: 0;
@ -355,9 +360,18 @@ p.has-drop-cap:not(:focus)::first-letter {
/* Table */
.editor-block-list__block .wp-block-table th,
.editor-block-list__block .wp-block-table td {
padding: 0;
.editor-styles-wrapper .wp-block-table th,
.editor-styles-wrapper .wp-block-table td {
padding: 6px 10px 6px 0;
}
.rtl .editor-styles-wrapper .wp-block-table th,
.rtl .editor-styles-wrapper .wp-block-table td {
padding: 6px 0 6px 10px;
}
.wp-block-table .has-text-color th {
color: currentColor;
}
.wp-block-table__cell-content {