Skip to content

Commit ccf7ca5

Browse files
audrasjbaudrasjb
committed
Twenty Twenty: Restore Editor post title styles after Gutenberg 11.4.0 updates.
This change restores the Editor post title alignement and font styles in Twenty Twenty after Gutenberg 11.4.0 updates on the editor markup. Props shireling, mai21, hilayt24, desrosj, sabernhardt. Fixes #54056. git-svn-id: https://develop.svn.wordpress.org/trunk@52271 602fd350-edb4-49c9-b593-d223f7449a82
1 parent cc17d8c commit ccf7ca5

3 files changed

Lines changed: 25 additions & 1 deletion

File tree

‎src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,7 @@ Inter variable font. Usage:
120120
}
121121

122122
.editor-post-title__block .editor-post-title__input,
123+
.editor-styles-wrapper .wp-block-post-title,
123124
.editor-styles-wrapper .wp-block h1,
124125
.editor-styles-wrapper .wp-block h2,
125126
.editor-styles-wrapper .wp-block h3,
@@ -136,6 +137,7 @@ Inter variable font. Usage:
136137
@supports ( font-variation-settings: normal ) {
137138

138139
.editor-post-title__block .editor-post-title__input,
140+
.editor-styles-wrapper .wp-block-post-title,
139141
.editor-styles-wrapper .wp-block h1,
140142
.editor-styles-wrapper .wp-block h2,
141143
.editor-styles-wrapper .wp-block h3,
@@ -235,6 +237,7 @@ Inter variable font. Usage:
235237
}
236238

237239
.editor-post-title__block .editor-post-title__input,
240+
.editor-styles-wrapper .wp-block-post-title,
238241
.editor-styles-wrapper .wp-block h1,
239242
.editor-styles-wrapper .wp-block h2,
240243
.editor-styles-wrapper .wp-block h3,
@@ -251,6 +254,7 @@ Inter variable font. Usage:
251254
}
252255

253256
.editor-post-title__block .editor-post-title__input,
257+
.editor-styles-wrapper .wp-block-post-title,
254258
.editor-styles-wrapper .wp-block h1 {
255259
font-size: 36px;
256260
font-weight: 800;
@@ -287,6 +291,12 @@ Inter variable font. Usage:
287291

288292
/* POST TITLE */
289293

294+
.editor-styles-wrapper .wp-block-post-title {
295+
max-width: 1000px;
296+
margin: 0 auto;
297+
text-align: center;
298+
}
299+
290300
.wp-block.editor-post-title__block {
291301
max-width: 1000px;
292302
}
@@ -1217,6 +1227,7 @@ hr.wp-block-separator.is-style-dots::before {
12171227
/* TYPOGRAPHY */
12181228

12191229
.editor-post-title__block .editor-post-title__input,
1230+
.editor-styles-wrapper .wp-block-post-title,
12201231
.editor-styles-wrapper .wp-block h1 {
12211232
font-size: 64px;
12221233
}
@@ -1395,6 +1406,7 @@ hr.wp-block-separator.is-style-dots::before {
13951406
/* TYPOGRAPHY */
13961407

13971408
.editor-post-title__block .editor-post-title__input,
1409+
.editor-styles-wrapper .wp-block-post-title,
13981410
.editor-styles-wrapper .wp-block h1 {
13991411
font-size: 84px;
14001412
}

‎src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,7 @@ Inter variable font. Usage:
120120
}
121121

122122
.editor-post-title__block .editor-post-title__input,
123+
.editor-styles-wrapper .wp-block-post-title,
123124
.editor-styles-wrapper .wp-block h1,
124125
.editor-styles-wrapper .wp-block h2,
125126
.editor-styles-wrapper .wp-block h3,
@@ -136,6 +137,7 @@ Inter variable font. Usage:
136137
@supports ( font-variation-settings: normal ) {
137138

138139
.editor-post-title__block .editor-post-title__input,
140+
.editor-styles-wrapper .wp-block-post-title,
139141
.editor-styles-wrapper .wp-block h1,
140142
.editor-styles-wrapper .wp-block h2,
141143
.editor-styles-wrapper .wp-block h3,
@@ -235,6 +237,7 @@ Inter variable font. Usage:
235237
}
236238

237239
.editor-post-title__block .editor-post-title__input,
240+
.editor-styles-wrapper .wp-block-post-title,
238241
.editor-styles-wrapper .wp-block h1,
239242
.editor-styles-wrapper .wp-block h2,
240243
.editor-styles-wrapper .wp-block h3,
@@ -251,6 +254,7 @@ Inter variable font. Usage:
251254
}
252255

253256
.editor-post-title__block .editor-post-title__input,
257+
.editor-styles-wrapper .wp-block-post-title,
254258
.editor-styles-wrapper .wp-block h1 {
255259
font-size: 36px;
256260
font-weight: 800;
@@ -287,6 +291,12 @@ Inter variable font. Usage:
287291

288292
/* POST TITLE */
289293

294+
.editor-styles-wrapper .wp-block-post-title {
295+
max-width: 1000px;
296+
margin: 0 auto;
297+
text-align: center;
298+
}
299+
290300
.wp-block.editor-post-title__block {
291301
max-width: 1000px;
292302
}
@@ -1217,6 +1227,7 @@ hr.wp-block-separator.is-style-dots::before {
12171227
/* TYPOGRAPHY */
12181228

12191229
.editor-post-title__block .editor-post-title__input,
1230+
.editor-styles-wrapper .wp-block-post-title,
12201231
.editor-styles-wrapper .wp-block h1 {
12211232
font-size: 64px;
12221233
}
@@ -1395,6 +1406,7 @@ hr.wp-block-separator.is-style-dots::before {
13951406
/* TYPOGRAPHY */
13961407

13971408
.editor-post-title__block .editor-post-title__input,
1409+
.editor-styles-wrapper .wp-block-post-title,
13981410
.editor-styles-wrapper .wp-block h1 {
13991411
font-size: 84px;
14001412
}

‎src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ public static function get_non_latin_css( $type = 'front-end' ) {
119119
'twentytwenty_get_localized_font_family_elements',
120120
array(
121121
'front-end' => array( 'body', 'input', 'textarea', 'button', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file__button', '.has-drop-cap:not(:focus)::first-letter', '.entry-content .wp-block-archives', '.entry-content .wp-block-categories', '.entry-content .wp-block-cover-image', '.entry-content .wp-block-latest-comments', '.entry-content .wp-block-latest-posts', '.entry-content .wp-block-pullquote', '.entry-content .wp-block-quote.is-large', '.entry-content .wp-block-quote.is-style-large', '.entry-content .wp-block-archives *', '.entry-content .wp-block-categories *', '.entry-content .wp-block-latest-posts *', '.entry-content .wp-block-latest-comments *', '.entry-content p', '.entry-content ol', '.entry-content ul', '.entry-content dl', '.entry-content dt', '.entry-content cite', '.entry-content figcaption', '.entry-content .wp-caption-text', '.comment-content p', '.comment-content ol', '.comment-content ul', '.comment-content dl', '.comment-content dt', '.comment-content cite', '.comment-content figcaption', '.comment-content .wp-caption-text', '.widget_text p', '.widget_text ol', '.widget_text ul', '.widget_text dl', '.widget_text dt', '.widget-content .rssSummary', '.widget-content cite', '.widget-content figcaption', '.widget-content .wp-caption-text' ),
122-
'block-editor' => array( '.editor-styles-wrapper > *', '.editor-styles-wrapper p', '.editor-styles-wrapper ol', '.editor-styles-wrapper ul', '.editor-styles-wrapper dl', '.editor-styles-wrapper dt', '.editor-post-title__block .editor-post-title__input', '.editor-styles-wrapper .wp-block h1', '.editor-styles-wrapper .wp-block h2', '.editor-styles-wrapper .wp-block h3', '.editor-styles-wrapper .wp-block h4', '.editor-styles-wrapper .wp-block h5', '.editor-styles-wrapper .wp-block h6', '.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter', '.editor-styles-wrapper cite', '.editor-styles-wrapper figcaption', '.editor-styles-wrapper .wp-caption-text' ),
122+
'block-editor' => array( '.editor-styles-wrapper > *', '.editor-styles-wrapper p', '.editor-styles-wrapper ol', '.editor-styles-wrapper ul', '.editor-styles-wrapper dl', '.editor-styles-wrapper dt', '.editor-post-title__block .editor-post-title__input', '.editor-styles-wrapper .wp-block-post-title', '.editor-styles-wrapper .wp-block h1', '.editor-styles-wrapper .wp-block h2', '.editor-styles-wrapper .wp-block h3', '.editor-styles-wrapper .wp-block h4', '.editor-styles-wrapper .wp-block h5', '.editor-styles-wrapper .wp-block h6', '.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter', '.editor-styles-wrapper cite', '.editor-styles-wrapper figcaption', '.editor-styles-wrapper .wp-caption-text' ),
123123
'classic-editor' => array( 'body#tinymce.wp-editor', 'body#tinymce.wp-editor p', 'body#tinymce.wp-editor ol', 'body#tinymce.wp-editor ul', 'body#tinymce.wp-editor dl', 'body#tinymce.wp-editor dt', 'body#tinymce.wp-editor figcaption', 'body#tinymce.wp-editor .wp-caption-text', 'body#tinymce.wp-editor .wp-caption-dd', 'body#tinymce.wp-editor cite', 'body#tinymce.wp-editor table' ),
124124
)
125125
);

0 commit comments

Comments
 (0)