[wp-trac] [WordPress Trac] #55183: Twenty Thirteen: Table color not reflect on the frontpage

[WordPress Trac]

#55183: Twenty Thirteen: Table color not reflect on the frontpage
---------------------------+------------------------------
 Reporter:  umesh84        |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  5.4
 Severity:  normal         |  Resolution:
 Keywords:  has-patch      |     Focuses:  ui, css
---------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:  needs-patch => has-patch
 * focuses:  css => ui, css
 * version:  5.9 => 5.4


Old description:

> Steps:
>     1.Switch theme to Twenty Thirteen
>     2.Create Table and change color after update
>     3.Check the frontpage
>
> Add the video Link below:
> [https://www.loom.com/share/6ce4c74eb3314d7bb593b0e7173e637b]

New description:

 Steps:
 1. Switch theme to Twenty Thirteen
 2. Create Table and change color after update
 3. Check the frontpage

 Add the video Link below:
 [https://www.loom.com/share/6ce4c74eb3314d7bb593b0e7173e637b]

--

Comment:

 The problem is in the editor. Twenty Thirteen had
 [https://core.trac.wordpress.org/browser/trunk/src/wp-
 content/themes/twentythirteen/css/editor-blocks.css#L328 removed the table
 cell border], but the editor replaced class names such as `.editor-block-
 list__block`. Now the table border inherits the text color.

 Changes proposed in 55183.diff:
 - Use `.block-editor-block-list__block` class for table styles, while
 maintaining the old class name for older versions.
 - Set the cell padding to 0.5em to match the (editor) theme.css on the
 front end.
 - For consideration, I added a focus outline like the editor once had used
 on an `.is-selected` class. Otherwise, table content can be more difficult
 to edit with a very light border at the top and bottom but nothing on the
 left or right sides.

 Similar revisions would be necessary for tables in these themes:
 - Twenty Twelve (which also does not show the text in a custom color)
 - Twenty Fourteen
 - Twenty Seventeen

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/55183#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform