Changeset 58399

Timestamp:

06/13/2024 09:51:27 AM (3 months ago)

Author:

karmatosed

Message:

Twenty Fourteen: Fixes table block not having same design in editors.

The table block did not have the same design in the editor for front and back. This resolves the issue for the front end editor.

Props pranitdugad, nidjidhandhukiya, poena, shailu25, hmbashar, ugyensupport.
Fixes #60293.

Location:

trunk/src/wp-content/themes/twentyfourteen/css

Files:

• blocks.css (modified) (1 diff)
• editor-blocks.css (modified) (1 diff)

trunk/src/wp-content/themes/twentyfourteen/css/blocks.css

@@ -238 +238 @@
 }
 
-.wp-block-table th,
-.wp-block-table td {
+.wp-block-table:not(.is-style-stripes) th,
+.wp-block-table: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;
 }
 

trunk/src/wp-content/themes/twentyfourteen/css/editor-blocks.css

@@ -195 +195 @@
 .rtl .edit-post-visual-editor .editor-block-list__block 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);
 }