[wp-trac] [WordPress Trac] #44004: TwentySeventeen Theme - CSS issue when using rowspan in tables

[WordPress Trac]

#44004: TwentySeventeen Theme - CSS issue when using rowspan in tables
--------------------------+-----------------------------
 Reporter:  aussi         |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Themes        |    Version:  4.9.5
 Severity:  minor         |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 I've spotted an issue with the TwentySeventeen theme.  This definition in
 styles.css:

 {{{
 th:first-child,
 td:first-child {
     padding-left: 0;
 }
 }}}

 causes problems when using tables containing rowspans.  Specifically, this
 code:

 {{{
 <table width="100%">
   <thead>
     <tr>
       <th>Head 1</th>
       <th>Head 2</th>
     </tr>
   </thead>
   <tbody>
     <tr>
       <td rowspan="3">Cell 1</td>
       <td>Cell 2</td>
     </tr>
     <tr>
       <td>Cell 3</td>
     </tr>
     <tr>
       <td>Cell 4</td>
     </tr>
   </tbody>
 </table>
 }}}

 produces a table where Head 2 and Cell 2 have padding-left: 0.4em, while
 Cell 3 and Cell 4 have padding-left: 0.  This produces a table with
 misaligned cells in the same column.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/44004>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform