Changeset 44152

Timestamp:

12/14/2018 02:54:17 AM (6 years ago)

Author:

desrosj

Message:

Bundled Themes: Expand initial block editor support.

A handful of items were missed when adding initial support for the new block editor to bundled themes in [43793]-[43800]. This adds support for those missed items.

Props pento, davidakennedy, laurelfulford.

Merges [43869], [43870], [43871], [43872], [43873], [43874], [43875], [43876] to trunk.

Fixes #45238, #45239, #45240, #45242, #45243, #45244, #45245, #45246.

Location:

trunk

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentyeleven/blocks.css (modified) (2 diffs)
• src/wp-content/themes/twentyeleven/editor-blocks.css (modified) (3 diffs)
• src/wp-content/themes/twentyfifteen/css/blocks.css (modified) (4 diffs)
• src/wp-content/themes/twentyfifteen/css/editor-blocks.css (modified) (3 diffs)
• src/wp-content/themes/twentyfourteen/css/blocks.css (modified) (4 diffs)
• src/wp-content/themes/twentyfourteen/css/editor-blocks.css (modified) (5 diffs)
• src/wp-content/themes/twentyseventeen/assets/css/blocks.css (modified) (2 diffs)
• src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css (modified) (4 diffs)
• src/wp-content/themes/twentysixteen/css/blocks.css (modified) (2 diffs)
• src/wp-content/themes/twentysixteen/css/editor-blocks.css (modified) (4 diffs)
• src/wp-content/themes/twentyten/blocks.css (modified) (1 diff)
• src/wp-content/themes/twentyten/editor-blocks.css (modified) (3 diffs)
• src/wp-content/themes/twentythirteen/css/blocks.css (modified) (6 diffs)
• src/wp-content/themes/twentythirteen/css/editor-blocks.css (modified) (3 diffs)
• src/wp-content/themes/twentytwelve/css/blocks.css (modified) (2 diffs)
• src/wp-content/themes/twentytwelve/css/editor-blocks.css (modified) (4 diffs)

trunk/src/wp-content/themes/twentyeleven/blocks.css

@@ -131 +131 @@
 }
 
-/* Cover Image */
-
-.wp-block-cover-image.aligncenter {
+/* Cover */
+
+.wp-block-cover-image.aligncenter,
+.wp-block-cover.aligncenter {
     clear: both;
     display: flex;
 }
 
-.wp-block-cover-image.alignleft {
+.wp-block-cover-image.alignleft,
+.wp-block-cover.alignleft {
     margin-right: 1.625em;
 }
 
-.wp-block-cover-image.alignright {
+.wp-block-cover-image.alignright,
+.wp-block-cover.alignright {
     margin-left: 1.625em;
 }
@@ -261 +264 @@
 }
 
+
+
+
+
+
+
+
+
+
+
 /*--------------------------------------------------------------
 5.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/src/wp-content/themes/twentyeleven/editor-blocks.css

@@ -73 +73 @@
 /* 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: 614px;
+.editor-styles-wrapper {
+    max-width: 100% !important; /* Override where editor-style.css is affecting this. */
+}
+
+.wp-block {
+    max-width: 614px; /* 584px + 30px to account for padding */
 }
 
@@ -289 +291 @@
 }
 
-
-/* Cover Image */
-
-.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text {
+/* Cover */
+
+.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text,
+.edit-post-visual-editor .editor-block-list__block .wp-block-cover-text {
     font-size: 30px;
     line-height: 37.5px;
@@ -386 +388 @@
 }
 
+
+
+
+
+
+
 /*--------------------------------------------------------------
 6.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/src/wp-content/themes/twentyfifteen/css/blocks.css

@@ -60 +60 @@
 }
 
+
+
+
+
+
+
+
+
+
+
+
+
+
 /*--------------------------------------------------------------
 2.0 Blocks - Common Blocks
@@ -83 +96 @@
 }
 
-/* Cover Image */
+/* Cover */
 
 .wp-block-cover-image .wp-block-cover-image-text,
-.wp-block-cover-image h2 {
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover-image h2,
+.wp-block-cover h2 {
     font-size: 29px;
     line-height: 1.2069;
@@ -188 +203 @@
 
 .wp-block-cover-image.aligncenter,
+
 .wp-block-cover-image.alignleft,
-.wp-block-cover-image.alignright {
+.wp-block-cover.alignleft,
+.wp-block-cover-image.alignright,
+.wp-block-cover.alignright {
     display: flex;
 }
@@ -440 +458 @@
 }
 
+
+
+
+
+
+
+
+
+
+
 /*--------------------------------------------------------------
 5.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/src/wp-content/themes/twentyfifteen/css/editor-blocks.css

@@ -306 +306 @@
 /* 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: 690px; /* 660px + 30px for the editor padding */
+.editor-styles-wrapper {
+    max-width: 100% !important; /* Override where editor-style.css is affecting this. */
+}
+
+.wp-block {
+    max-width: 690px; /* 660px + 30px to account for padding. */
 }
 
@@ -557 +559 @@
 }
 
-/* Cover Image */
+/* Cover */
 
 .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p,
-.wp-block-cover-image h2 {
+.edit-post-visual-editor .editor-block-list__block .wp-block-cover p,
+.wp-block-cover-image h2,
+.wp-block-cover h2 {
     font-size: 29px;
     line-height: 1.2069;
 }
-
 
 /* File */
@@ -765 +768 @@
 }
 
+
+
+
+
+
+
 
 /*--------------------------------------------------------------
 6.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/src/wp-content/themes/twentyfourteen/css/blocks.css

@@ -128 +128 @@
 }
 
-/* Cover Image */
-
-.wp-block-cover-image.aligncenter {
+/* Cover */
+
+.wp-block-cover-image.aligncenter,
+.wp-block-cover.aligncenter {
     display: flex;
 }
-
 
 /* File */
@@ -243 +243 @@
 }
 
-/* Columns */
-
-.wp-block-columns {
-    margin: 0 -0.5em;
-}
-
-.wp-block-column {
-    margin: 0 0.5em;
-}
-
 /* Separator */
 
@@ -262 +252 @@
 .wp-block-separator.is-style-wide {
     max-width: 100%;
+
+
+
+
+
+
+
+
+
+
 }
 
@@ -273 +273 @@
 .wp-block-categories.aligncenter,
 .wp-block-latest-posts.aligncenter {
+
     margin-left: 20px;
     text-align: center;

trunk/src/wp-content/themes/twentyfourteen/css/editor-blocks.css

@@ -22 +22 @@
 .edit-post-visual-editor .editor-block-list__block p,
 .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
+
     line-height: 1.5;
+
+
+
+
 }
 
@@ -69 +74 @@
 /* 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: 504px; /* 474 + 30 for editor block padding */
+.wp-block {
+    max-width: 504px; /* 474px + 30px to account for padding */
 }
 
@@ -308 +311 @@
 }
 
-/* Cover Image */
-
-.wp-block-cover-image.aligncenter {
+/* Cover */
+
+.wp-block-cover-image.aligncenter,
+.wp-block-cover.aligncenter {
     display: flex;
 }
@@ -401 +405 @@
 }
 
+
+
+
+
+
+
 /*--------------------------------------------------------------
 6.0 Blocks - Widgets
@@ -406 +416 @@
 
 /* Archives, Categories & Latest Posts */
+
+
+
+
+
+
 
 .wp-block-archives li a,

trunk/src/wp-content/themes/twentyseventeen/assets/css/blocks.css

@@ -98 +98 @@
 }
 
-/* Cover Image */
+/* Cover */
 
 .wp-block-cover-image.alignright,
+
 .wp-block-cover-image.alignleft,
-.wp-block-cover-image.aligncenter {
+.wp-block-cover.alignleft,
+.wp-block-cover-image.aligncenter,
+.wp-block-cover.aligncenter {
     display: flex;
 }
@@ -220 +223 @@
 }
 
+
+
+
+
+
+
+
+
+
+
 /*--------------------------------------------------------------
 5.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
+
 
 /* Comments */

trunk/src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css

@@ -24 +24 @@
     font-size: 15px;
     font-size: 0.9375rem;
+
+
+
+
 }
 
@@ -347 +351 @@
 /* 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: 740px;
+.editor-styles-wrapper {
+    max-width: 100% !important; /* Override where editor-style.css is affecting this. */
+}
+
+.wp-block {
+    max-width: 674px; /* Based on one-column post width; 644px + 30px to account for padding. */
 }
 
@@ -696 +702 @@
 --------------------------------------------------------------*/
 
-/* Separators */
+/* Separator */
 
 .edit-post-visual-editor .wp-block-separator {
@@ -722 +728 @@
     white-space: nowrap;
 }
+
+
+
+
+
+
+
 /*--------------------------------------------------------------
 6.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/src/wp-content/themes/twentysixteen/css/blocks.css

@@ -75 +75 @@
     display: block;
     width: 100%;
+
+
+
+
+
+
+
 }
 
@@ -241 +248 @@
 }
 
+
+
+
+
+
+
+
+
+
+
 /*--------------------------------------------------------------
 5.0 Blocks - Widget Blocks
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/src/wp-content/themes/twentysixteen/css/editor-blocks.css

@@ -21 +21 @@
 .edit-post-visual-editor .editor-block-list__block,
 .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
-    color: #1a1a1a;
     font-family: Merriweather, Georgia, serif;
     font-size: 16px;
@@ -174 +173 @@
 /* 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: 630px; /* 600px + 30px for padding; should be 840px for pages */
+.editor-styles-wrapper {
+    max-width: 100% !important; /* Override where editor-style.css is affecting this */
+}
+
+.wp-block {
+    max-width: 630px; /* 600px + 30px to account for padding. */
 }
 
@@ -536 +537 @@
 
 /* Buttons */
+
 .wp-block-button .wp-block-button__link {
     background: #1a1a1a;
@@ -549 +551 @@
 }
 
+
+
+
+
+
+
 /*--------------------------------------------------------------
 6.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/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;
+
+
+
+
+
+
 }
 

trunk/src/wp-content/themes/twentyten/editor-blocks.css

@@ -18 +18 @@
 --------------------------------------------------------------*/
 
+
+
+
+
+
+
+
+
+
+
 .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;
 }

trunk/src/wp-content/themes/twentythirteen/css/blocks.css

@@ -87 +87 @@
 }
 
-/* Make sure the full and wide blocks still stay in Twenty Thirteen's wide container */
-
 @media (min-width: 1600px) {
+
+
     body:not(.sidebar) .alignfull {
         margin-left: calc(50% - 800px);
@@ -97 +97 @@
     }
 
+
+
+
+
+
+
+
+
     body:not(.sidebar) .wp-block-gallery.alignfull {
         margin-left: calc(50% - 808px); /* Adjust for gallery margins */
@@ -102 +110 @@
         width: auto;
         max-width: 1000%;
+
+
+
+
+
+
     }
 }
@@ -173 +187 @@
 }
 
-/* Cover Image */
-
-.wp-block-cover-image.aligncenter {
+/* Cover */
+
+.wp-block-cover-image.aligncenter,
+.wp-block-cover.aligncenter {
     clear: both;
     display: flex;
@@ -263 +278 @@
 }
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 /*--------------------------------------------------------------
 5.0 Blocks - Layout Elements
@@ -320 +379 @@
 }
 
+
+
+
+
+
+
+
+
+
+
 /*--------------------------------------------------------------
 6.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/src/wp-content/themes/twentythirteen/css/editor-blocks.css

@@ -53 +53 @@
 --------------------------------------------------------------*/
 
-/* Main column width */
-
-.edit-post-visual-editor .editor-post-title__block,
-.edit-post-visual-editor .editor-default-block-appender,
-.edit-post-visual-editor .editor-block-list__block {
-    max-width: 634px; /* 604 + 30 for editor block padding */
+/* Main content width */
+
+.wp-block {
+    max-width: 634px; /* 604px + 30px to account for padding */
+}
+
+.wp-block.alignwide,
+.wp-block.alignfull {
+    max-width: inherit;
+}
+
+[class^="wp-block-"] .wp-block {
+    max-width: 100%;
 }
 
@@ -231 +238 @@
 }
 
-/* Cover Image */
-
-.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text {
+/* Cover */
+
+.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text,
+.edit-post-visual-editor .editor-block-list__block .wp-block-cover p.wp-block-cover-text {
     font-size: 32px;
     line-height: 1.25;
@@ -340 +348 @@
 }
 
+
+
+
+
+
+
 /*--------------------------------------------------------------
 7.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/src/wp-content/themes/twentytwelve/css/blocks.css

@@ -128 +128 @@
 }
 
-/* Cover Image */
-
-.wp-block-cover-image.aligncenter {
+/* Cover */
+
+.wp-block-cover-image.aligncenter,
+.wp-block-cover.aligncenter {
     display: flex;
 }
@@ -297 +298 @@
 }
 
+
+
+
+
+
+
+
+
+
+
+
 /*--------------------------------------------------------------
 5.0 Blocks - Widgets
 --------------------------------------------------------------*/
+
+
+
+
+
+
+
+
+
 
 /* Latest Comments */

trunk/src/wp-content/themes/twentytwelve/css/editor-blocks.css

@@ -25 +25 @@
 }
 
+
+
+
+
 .edit-post-visual-editor .editor-block-list__block {
     color: #444;
@@ -71 +75 @@
 /* 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 */
 }
 
@@ -219 +221 @@
 }
 
-/* Cover Image */
-
-.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p {
+/* 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 p {
     font-size: 28px;
 }
@@ -360 +363 @@
 }
 
+
+
+
+
+
+
 /*--------------------------------------------------------------
 6.0 Blocks - Widgets
 --------------------------------------------------------------*/
 
+
+
+
+
+
+
+
+
 /* Archives */
+
 .gutenberg ul.wp-block-archives {
     padding-left: 0;