Changeset 58635

Timestamp:

07/03/2024 11:02:50 AM (5 months ago)

Author:

karmatosed

Message:

Twenty Sixteen: Fixes editor styles for table and calendar blocks and captions.

The table and calendar block font sizes were not as expected on front end within editor. This includes changes for header cells (th), removes redundant font size rules, corrects font-weight and updates figcaption selector along with editing text alignment and adding RTL font selection.

Props nidhidhandhukiya, sabernhardt, sheulyshila, iamfarhan09, bijit027, jannathsyeda, pooja1210, shailu25, hmbashar.
Fixes #58355.

Location:

trunk/src/wp-content/themes/twentysixteen/css

Files:

• editor-blocks.css (modified) (2 diffs)
• editor-style.css (modified) (4 diffs)

trunk/src/wp-content/themes/twentysixteen/css/editor-blocks.css

@@ -28 +28 @@
 }
 
+.rtl .editor-styles-wrapper {
+    font-family: Arial, Tahoma, sans-serif;
+}
+
 .edit-post-visual-editor .editor-block-list__block {
     color: #1a1a1a;
@@ -263 +267 @@
 /* Captions */
 
-[class^="wp-block-"] figcaption {
+figure[class*="wp-block-"] > figcaption {
     color: #686868;
     font-style: italic;
     line-height: 1.6153846154;
     padding-top: 0.5384615385em;
-    text-align: left;
-}
-
-.rtl [class^="wp-block-"] figcaption {
-    text-align: right;
+    text-align: start;
 }
 

trunk/src/wp-content/themes/twentysixteen/css/editor-style.css

@@ -314 +314 @@
 table caption {
     border-width: 0 1px 1px 0;
-    font-size: 16px;
     font-weight: 700;
     padding: 7px;
-    text-align: left;
+    text-align: start;
     vertical-align: baseline;
+}
+
+table caption {
+    font-weight: normal;
 }
 
@@ -324 +327 @@
 .mce-item-table td {
     border-width: 0 1px 1px 0;
-    font-size: 16px;
     padding: 7px;
     vertical-align: baseline;
+    text-align: start;
 }
 
@@ -503 +506 @@
  */
 
+body.rtl,
+[dir="rtl"] body {
+    font-family: Arial, Tahoma, sans-serif;
+}
+
 .rtl blockquote {
     border: 0 solid #1a1a1a;
@@ -534 +542 @@
     margin-left: auto;
 }
-
-.rtl table th,
-.rtl .mce-item-table th,
-.rtl table caption {
-    text-align: right;
-}