Changeset 57587

Timestamp:

02/12/2024 10:46:21 AM (10 months ago)

Author:

audrasjb

Message:

Twenty Twenty: Fix Table block default and custom border colors.

On the front end, this changeset restores the theme's default border color when (and only when) the block's text color is the default.
In the editor, these styles repurpose the user-selected color for the border, to match the front.

Props nidhidhandhukiya, sabernhardt, pooja1210, pouicpouic, poena, shailu25, ugyensupport, wasiur195, rajinsharwar, wasiur195, jivygraphics, huzaifaalmesbah, harshgajipara, nicolefurlan, sumitbagthariya16.
Fixes #58022.

Location:

trunk/src/wp-content/themes/twentytwenty

Files:

• assets/css/editor-style-block-rtl.css (modified) (1 diff)
• assets/css/editor-style-block.css (modified) (1 diff)
• style-rtl.css (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

@@ -511 +511 @@
 }
 
+.editor-styles-wrapper .wp-block-table table:where(.has-text-color) * {
+    border-color: currentColor;
+}
+
 .editor-styles-wrapper .wp-block-table tr {
     border: none;

trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

@@ -515 +515 @@
 }
 
+.editor-styles-wrapper .wp-block-table table:where(.has-text-color) * {
+    border-color: currentColor;
+}
+
 .editor-styles-wrapper .wp-block-table tr {
     border: none;

trunk/src/wp-content/themes/twentytwenty/style-rtl.css

@@ -3357 +3357 @@
 /* Block: Table ------------------------------ */
 
+.wp-block-table table:where(:not(.has-text-color)) * {
+    border-color: inherit;
+}
+
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
     background: #dcd7ca;

trunk/src/wp-content/themes/twentytwenty/style.css

@@ -3377 +3377 @@
 /* Block: Table ------------------------------ */
 
+.wp-block-table table:where(:not(.has-text-color)) * {
+    border-color: inherit;
+}
+
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
     background: #dcd7ca;