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

A handful of issues were missed in Twenty Twelve's Gutenberg support, added in #45040. 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.
* 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, but make sure final paragraph in the block doesn't add too much space.
* Simplify selectors used to set editor width to just `.wp-block`.


Props pento, davidakennedy.
Fixes #45240.


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


git-svn-id: http://core.svn.wordpress.org/branches/5.0@43700 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
laurelfulford 2018-11-06 01:10:47 +00:00
parent f89d4e6bb2
commit 8362e6601e
3 changed files with 48 additions and 9 deletions

View File

@ -127,9 +127,10 @@ p.has-drop-cap:not(:focus)::first-letter {
width: 100%;
}
/* Cover Image */
/* Cover */
.wp-block-cover-image.aligncenter {
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex;
}
@ -296,10 +297,30 @@ pre.wp-block-code {
border: 0;
}
/* Media & Text */
.wp-block-media-text {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}
/*--------------------------------------------------------------
5.0 Blocks - Widgets
--------------------------------------------------------------*/
/* Archives, Categories & Latest Posts */
.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
}
/* Latest Comments */
.wp-block-latest-comments {

View File

@ -24,6 +24,10 @@ Description: Used to style Gutenberg Blocks in the editor.
font-size: 14px;
}
.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.edit-post-visual-editor .editor-block-list__block {
color: #444;
}
@ -70,10 +74,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: 655px;
.wp-block {
max-width: 655px; /* 625px + 30px for padding */
}
/* Link styles */
@ -218,9 +220,10 @@ p.has-drop-cap:not(:focus)::first-letter {
font-size: 18px;
}
/* Cover Image */
/* Cover */
.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p {
.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p,
.edit-post-visual-editor .editor-block-list__block .wp-block-cover p {
font-size: 28px;
}
@ -359,11 +362,26 @@ p.has-drop-cap:not(:focus)::first-letter {
margin-right: auto;
}
/* Media & Text */
.wp-block-media-text *:last-child {
margin-bottom: 0;
}
/*--------------------------------------------------------------
6.0 Blocks - Widgets
--------------------------------------------------------------*/
/* Archives, Categories & Latest Posts */
[data-align="center"] .wp-block-archives ul,
[data-align="center"] .wp-block-categories ul,
[data-align="center"] .wp-block-latest-posts ul {
list-style-position: inside;
}
/* Archives */
.gutenberg ul.wp-block-archives {
padding-left: 0;
}

View File

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