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:
parent
b61dd6109c
commit
720d54d544
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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.
|
||||||
|
|
Loading…
Reference in New Issue