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

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

* Update editor placeholder text to use the correct font family.
* Center text and bullets in list-based widget blocks, when block itself is centered.
* Remove unnecessary spacing from the Columns block.
* Add spacing underneath the Media & Text block, but make sure the final paragraph in the block doesn't add too much space.
* Include non "image" variations of the Cover block classes `.wp-block-cover` and `.wp-block-cover-text` in the styles.
* Simplify selectors used to set editor width to just `.wp-block`.

Props pento, davidakennedy.
Fixes #45243.


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


git-svn-id: http://core.svn.wordpress.org/branches/5.0@43702 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
laurelfulford 2018-11-06 01:26:47 +00:00
parent b61dd6109c
commit 720d54d544
3 changed files with 37 additions and 20 deletions

View File

@ -127,13 +127,13 @@ p.has-drop-cap:not(:focus)::first-letter {
width: 100%; width: 100%;
} }
/* Cover Image */ /* Cover */
.wp-block-cover-image.aligncenter { .wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex; display: flex;
} }
/* File */ /* File */
.wp-block-file .wp-block-file__button { .wp-block-file .wp-block-file__button {
@ -242,16 +242,6 @@ p.has-drop-cap:not(:focus)::first-letter {
background-color: #55d737; background-color: #55d737;
} }
/* Columns */
.wp-block-columns {
margin: 0 -0.5em;
}
.wp-block-column {
margin: 0 0.5em;
}
/* Separator */ /* Separator */
.wp-block-separator { .wp-block-separator {
@ -263,6 +253,16 @@ p.has-drop-cap:not(:focus)::first-letter {
max-width: 100%; max-width: 100%;
} }
/* Media & Text */
.wp-block-media-text {
margin-bottom: 24px;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}
/*-------------------------------------------------------------- /*--------------------------------------------------------------
5.0 Blocks - Widgets 5.0 Blocks - Widgets
--------------------------------------------------------------*/ --------------------------------------------------------------*/
@ -272,6 +272,7 @@ p.has-drop-cap:not(:focus)::first-letter {
.wp-block-archives.aligncenter, .wp-block-archives.aligncenter,
.wp-block-categories.aligncenter, .wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter { .wp-block-latest-posts.aligncenter {
list-style-position: inside;
margin-left: 20px; margin-left: 20px;
text-align: center; text-align: center;
} }

View File

@ -21,9 +21,14 @@ Description: Used to style Gutenberg Blocks in the editor.
.edit-post-visual-editor .editor-block-list__block, .edit-post-visual-editor .editor-block-list__block,
.edit-post-visual-editor .editor-block-list__block p, .edit-post-visual-editor .editor-block-list__block p,
.editor-default-block-appender input[type="text"].editor-default-block-appender__content { .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
font-size: 16px;
line-height: 1.5; line-height: 1.5;
} }
.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
font-family: Lato, sans-serif;
}
.edit-post-visual-editor .editor-block-list__block { .edit-post-visual-editor .editor-block-list__block {
color: #2b2b2b; color: #2b2b2b;
} }
@ -68,10 +73,8 @@ Description: Used to style Gutenberg Blocks in the editor.
/* Main column width */ /* Main column width */
body.gutenberg-editor-page .edit-post-visual-editor .editor-post-title__block, .wp-block {
body.gutenberg-editor-page .edit-post-visual-editor .editor-default-block-appender, max-width: 504px; /* 474px + 30px to account for padding */
body.gutenberg-editor-page .edit-post-visual-editor .editor-block-list__block {
max-width: 504px; /* 474 + 30 for editor block padding */
} }
/* Link styles */ /* Link styles */
@ -307,9 +310,10 @@ p.has-drop-cap:not(:focus)::first-letter {
} }
} }
/* Cover Image */ /* Cover */
.wp-block-cover-image.aligncenter { .wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex; display: flex;
} }
@ -400,12 +404,24 @@ p.has-drop-cap:not(:focus)::first-letter {
line-height: normal; line-height: normal;
} }
/* Media & Text */
.wp-block-media-text *:last-child {
margin-bottom: 0;
}
/*-------------------------------------------------------------- /*--------------------------------------------------------------
6.0 Blocks - Widgets 6.0 Blocks - Widgets
--------------------------------------------------------------*/ --------------------------------------------------------------*/
/* Archives, Categories & Latest Posts */ /* Archives, Categories & Latest Posts */
[data-align="center"] .wp-block-archives ul,
[data-align="center"] .wp-block-categories ul,
[data-align="center"] .wp-block-categories ul {
list-style-position: inside;
}
.wp-block-archives li a, .wp-block-archives li a,
.wp-block-categories__list li a, .wp-block-categories__list li a,
.wp-block-latest-posts li a { .wp-block-latest-posts li a {

View File

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