[wp-trac] [WordPress Trac] #59602: Twenty Fifteen: typography issues in the editor with Table and Calendar blocks and captions

[WordPress Trac]

#59602: Twenty Fifteen: typography issues in the editor with Table and Calendar
blocks and captions
-------------------------------------------------+-------------------------
 Reporter:  nidhidhandhukiya                     |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  Future
                                                 |  Release
Component:  Bundled Theme                        |     Version:  6.3.1
 Severity:  normal                               |  Resolution:
 Keywords:  has-patch dev-feedback has-testing-  |     Focuses:  css
  info changes-requested                         |
-------------------------------------------------+-------------------------
Changes (by sabernhardt):

 * keywords:  has-patch dev-feedback has-testing-info => has-patch dev-
     feedback has-testing-info changes-requested


Comment:

 With the patch, the `figcaption` for Table and other blocks should be in a
 sans-serif font and gray. (I needed to delete browser cache to see the
 updated styles in the editor.)

 Additional changes:
 1. 59602.3.patch removed the `17px` font size for `th` and `caption`
 elements, which did not carry over to PR 8504.
 2. To fix the alignment, `editor-style.css` could set all the table
 elements to `text-align: start` so that would work in both text
 directions.

 {{{
 table th,
 .mce-item-table th,
 table caption {
         border-width: 0 1px 1px 0;
         font-family: "Noto Serif", serif;
         font-weight: 700;
         padding: 7px;
         text-align: start;
         vertical-align: baseline;
 }

 table td,
 .mce-item-table td {
         border-width: 0 1px 1px 0;
         font-family: "Noto Serif", serif;
         padding: 7px;
         text-align: start;
         vertical-align: baseline;
 }

 table caption {
         font-weight: normal;
 }
 }}}

 Or less redundant:

 {{{
 table th,
 .mce-item-table th,
 table td,
 .mce-item-table td,
 table caption {
         border-width: 0 1px 1px 0;
         font-family: "Noto Serif", serif;
         padding: 7px;
         text-align: start;
         vertical-align: baseline;
 }

 table th,
 .mce-item-table th {
         font-weight: 700;
 }
 }}}

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