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.


Built from https://develop.svn.wordpress.org/branches/5.0@43869


git-svn-id: http://core.svn.wordpress.org/branches/5.0@43698 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
laurelfulford 2018-11-06 00:50:48 +00:00
parent 6f076d4d51
commit 8532f185b6
3 changed files with 22 additions and 16 deletions

View File

@ -155,21 +155,18 @@ p.has-drop-cap:not(:focus)::first-letter {
4.0 Blocks - Layout Elements
--------------------------------------------------------------*/
/* 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;
}
/*--------------------------------------------------------------
5.0 Blocks - Widgets
--------------------------------------------------------------*/

View File

@ -17,6 +17,16 @@ Description: Used to style Gutenberg Blocks in the editor.
1.0 General Typography
--------------------------------------------------------------*/
.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,
.wp-block-freeform.block-library-rich-text__tinymce li {
@ -65,10 +75,8 @@ Description: Used to style Gutenberg Blocks in the editor.
/* 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 */
}
/* Link styles */
@ -218,9 +226,10 @@ p.has-drop-cap:not(:focus)::first-letter {
font-size: 18px;
}
/* Cover Image */
/* Cover */
.wp-block-cover-image-text {
.wp-block-cover-image-text,
.wp-block-cover-text {
font-size: 32px;
}

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.0-beta3-43868';
$wp_version = '5.0-beta3-43869';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.