Changeset 43869

Timestamp:

11/06/2018 12:49:33 AM (6 years ago)

Author:

laurelfulford

Message:

Twenty Ten: Fix issues with theme's Gutenberg support.

A handful of issues were missed in Twenty Ten's Gutenberg support, added in #45038. This commit includes the following fixes:

• Update editor placeholder text to use the correct font family and size.
• Remove unnecessary spacing from the Columns block.
• Include non "image" variations of the Cover block classes .wp-block-cover and .wp-block-cover-text in the styles.
• Add spacing underneath the Media & Text block.
• Simplify selectors used to set editor width to just .wp-block.

Fixes #45238.

Location:

branches/5.0/src/wp-content/themes/twentyten

Files:

• blocks.css (modified) (1 diff)
• editor-blocks.css (modified) (3 diffs)

branches/5.0/src/wp-content/themes/twentyten/blocks.css

@@ -156 +156 @@
 --------------------------------------------------------------*/
 
-/* Columns */
-
-.wp-block-columns {
-    margin: 0 -0.5em;
-}
-.wp-block-column {
-    margin: 0 0.5em;
-}
-
 /* Separator */
 
 .wp-block-separator {
     border: 0;
+}
+
+/* Media & Text */
+
+.wp-block-media-text {
+    margin-bottom: 24px;
 }
 

branches/5.0/src/wp-content/themes/twentyten/editor-blocks.css

@@ -18 +18 @@
 --------------------------------------------------------------*/
 
+.edit-post-visual-editor .editor-block-list__block,
+.edit-post-visual-editor .editor-block-list__block p,
+.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
+    font-size: 16px;
+}
+
+.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
+    font-family: Georgia, "Bitstream Charter", serif;
+}
+
 .edit-post-visual-editor .editor-block-list__block .mce-content-body,
 .wp-block-freeform.block-library-rich-text__tinymce p,
@@ -66 +76 @@
 /* Main column width */
 
-body.gutenberg-editor-page .edit-post-visual-editor .editor-post-title__block,
-body.gutenberg-editor-page .edit-post-visual-editor .editor-default-block-appender,
-body.gutenberg-editor-page .edit-post-visual-editor .editor-block-list__block {
-    max-width: 670px; /* 640px + 30px for padding */
+.wp-block {
+    max-width: 670px; /* 640px + 30px to account for padding */
 }
 
@@ -219 +227 @@
 }
 
-/* Cover Image */
-
-.wp-block-cover-image-text {
+/* Cover */
+
+.wp-block-cover-image-text,
+.wp-block-cover-text {
     font-size: 32px;
 }