Twenty Fourteen: Updates styles for Table block and figure captions.

There were multiple discrepancies between the editor and front end with [58399] matched incorrect border color due to specificity. This resolves that and also includes issues not caught in [60293]. The full list of what this does is in ticket but a summary is reduces specificity for table cell border, removes border color rules, replaces selectors and adds wrapper so alignment changes within the iframe.

Props sabernhardt.
Fixes #61563.

Built from https://develop.svn.wordpress.org/trunk@58686


git-svn-id: http://core.svn.wordpress.org/trunk@58088 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Tammie Lister 2024-07-08 08:31:13 +00:00
parent eaada5a23c
commit 7414d12f0d
3 changed files with 16 additions and 24 deletions

View File

@ -237,17 +237,12 @@ p.has-drop-cap:not(:focus)::first-letter {
overflow-x: visible;
}
.wp-block-table:not(.is-style-stripes) th,
.wp-block-table:not(.is-style-stripes) td {
.wp-block-table:where(:not(.is-style-stripes)) th,
.wp-block-table:where(:not(.is-style-stripes)) td {
border-color: rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px 0;
}
.wp-block-table:not(.is-style-stripes) table[class*="-text-color"] * {
border-color: inherit;
border: 1px solid;
}
/*--------------------------------------------------------------
4.0 Blocks - Layout Elements
--------------------------------------------------------------*/

View File

@ -155,6 +155,7 @@ Description: Used to style blocks in the editor.
/* Captions */
[class*=" wp-block-"] figcaption,
[class^="wp-block-"] figcaption,
[class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
font-size: 12px;
@ -165,39 +166,35 @@ Description: Used to style blocks in the editor.
/* Tables */
.edit-post-visual-editor .editor-block-list__block table,
.edit-post-visual-editor .editor-block-list__block table th,
.edit-post-visual-editor .editor-block-list__block table td {
border: 1px solid rgba(0, 0, 0, 0.1);
.editor-styles-wrapper table,
.editor-styles-wrapper table th,
.editor-styles-wrapper table td {
font-size: 14px;
line-height: 1.2857142857;
}
.edit-post-visual-editor .editor-block-list__block table {
border-collapse: separate;
.editor-styles-wrapper table {
border-collapse: collapse;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px;
width: 100%;
}
.edit-post-visual-editor .editor-block-list__block table th {
border-width: 0 1px 1px 0;
.editor-styles-wrapper table th {
font-weight: 700;
text-align: left;
text-transform: uppercase;
}
.edit-post-visual-editor .editor-block-list__block table td {
border-width: 0 1px 1px 0;
}
.rtl .edit-post-visual-editor .editor-block-list__block table th {
.rtl .editor-styles-wrapper table th,
[dir="rtl"] .editor-styles-wrapper table th {
text-align: right;
}
.editor-styles-wrapper .wp-block-table:not(.is-style-stripes) table:not([class*="-text-color"]) * {
border-color: rgba(0, 0, 0, 0.1);
.editor-styles-wrapper :where(:not(.is-style-stripes)) > table:where(:not(.is-style-stripes)),
.editor-styles-wrapper :where(:not(.is-style-stripes)) > table:where(:not(.is-style-stripes)) th,
.editor-styles-wrapper :where(:not(.is-style-stripes)) > table:where(:not(.is-style-stripes)) td {
border: 1px solid rgba(0, 0, 0, 0.1);
}
/* Quotes */

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.7-alpha-58685';
$wp_version = '6.7-alpha-58686';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.