[wp-trac] [WordPress Trac] #63469: Twenty Nineteen: Table block Stripes style does not show borders in the editor (was: In the Twenty Nineteen theme, the Table block doesn’t display correctly when the 'Stripes' style is applied. The styling appears to be missing or not rendering as expected.)

[WordPress Trac]

#63469: Twenty Nineteen: Table block Stripes style does not show borders in the
editor
---------------------------+------------------------------
 Reporter:  viralsampat    |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  6.4
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  css
---------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:  dev-feedback needs-testing 2nd-opinion has-patch => needs-
               patch
 * focuses:  ui, css => css
 * version:   => 6.4


Comment:

 Twenty Nineteen has given the Table blocks a gray border on the front end
 since the initial version, whether the style was Default or Stripes. When
 the editor removed `.editor-styles-wrapper` from the theme's styles, the
 block library styles overrode the border color with transparent.

 You probably could add `.editor-styles-wrapper` in the
 [https://github.com/WordPress/wordpress-
 develop/blob/c23c2d7c401c588692ac5b3b53ec4ba7c4e56428/src/wp-
 content/themes/twentynineteen/style-editor.scss#L672-L677 SCSS] to
 increase specificity:
 {{{
 .editor-styles-wrapper .wp-block-table {

         td, th {
                 border-color: $color__text-light;
         }
 }
 }}}
 which would compile to this in `style-editor.css`:
 {{{
 .editor-styles-wrapper .wp-block-table td, .editor-styles-wrapper .wp-
 block-table th {
   border-color: #767676;
 }
 }}}

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