Twenty Twenty: Correct font-size for Code block and other preformatted elements.

The code block font-size was not the same in the editor and front. This sets it to 1em and corrects the value for preformatted elements along with adding border and padding in the editor for pre elements.

Props viralsampat, mi5t4n, brobken, sabernhardt.
Fixes #61845.

Built from https://develop.svn.wordpress.org/trunk@58960


git-svn-id: http://core.svn.wordpress.org/trunk@58356 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Tammie Lister 2024-08-31 10:54:12 +00:00
parent 0d5e01a52e
commit d7a3815245
5 changed files with 19 additions and 27 deletions

View File

@ -325,7 +325,7 @@
.editor-styles-wrapper pre, .editor-styles-wrapper pre,
.editor-styles-wrapper samp { .editor-styles-wrapper samp {
border-radius: 0; border-radius: 0;
font-size: 0.75em; font-size: 0.9em;
padding: 4px 6px; padding: 4px 6px;
} }
@ -336,6 +336,10 @@
padding: 1em; padding: 1em;
} }
.editor-styles-wrapper pre code {
font-size: 1em;
}
/* Custom Text Sizes ------------------------- */ /* Custom Text Sizes ------------------------- */
@ -715,9 +719,8 @@ hr.wp-block-separator.is-style-dots::before {
color: inherit; color: inherit;
} }
.editor-styles-wrapper .wp-block-code, .editor-styles-wrapper pre,
.editor-styles-wrapper .wp-block-preformatted pre, .editor-styles-wrapper .wp-block-code {
.editor-styles-wrapper .wp-block-verse pre {
border: 1px solid #dcd7ca; border: 1px solid #dcd7ca;
border-radius: 0; border-radius: 0;
padding: 30px; padding: 30px;
@ -730,7 +733,7 @@ hr.wp-block-separator.is-style-dots::before {
background: transparent; background: transparent;
color: inherit; color: inherit;
font-family: monospace; font-family: monospace;
font-size: 14px; font-size: 16px;
} }
/* Block: Cover ------------------------------ */ /* Block: Cover ------------------------------ */
@ -1337,14 +1340,6 @@ hr.wp-block-separator.is-style-dots::before {
font-size: 17px; font-size: 17px;
} }
/* BLOCK: CODE */
.editor-styles-wrapper .wp-block-preformatted pre,
.editor-styles-wrapper .wp-block-code .block-editor-plain-text,
.editor-styles-wrapper .wp-block-verse pre {
font-size: 16px;
}
/* BLOCK: COLUMNS */ /* BLOCK: COLUMNS */
.wp-block-column { .wp-block-column {

View File

@ -329,7 +329,7 @@
.editor-styles-wrapper pre, .editor-styles-wrapper pre,
.editor-styles-wrapper samp { .editor-styles-wrapper samp {
border-radius: 0; border-radius: 0;
font-size: 0.75em; font-size: 0.9em;
padding: 4px 6px; padding: 4px 6px;
} }
@ -340,6 +340,10 @@
padding: 1em; padding: 1em;
} }
.editor-styles-wrapper pre code {
font-size: 1em;
}
/* Custom Text Sizes ------------------------- */ /* Custom Text Sizes ------------------------- */
@ -719,9 +723,8 @@ hr.wp-block-separator.is-style-dots::before {
color: inherit; color: inherit;
} }
.editor-styles-wrapper .wp-block-code, .editor-styles-wrapper pre,
.editor-styles-wrapper .wp-block-preformatted pre, .editor-styles-wrapper .wp-block-code {
.editor-styles-wrapper .wp-block-verse pre {
border: 1px solid #dcd7ca; border: 1px solid #dcd7ca;
border-radius: 0; border-radius: 0;
padding: 30px; padding: 30px;
@ -734,7 +737,7 @@ hr.wp-block-separator.is-style-dots::before {
background: transparent; background: transparent;
color: inherit; color: inherit;
font-family: monospace; font-family: monospace;
font-size: 14px; font-size: 16px;
} }
/* Block: Cover ------------------------------ */ /* Block: Cover ------------------------------ */
@ -1341,14 +1344,6 @@ hr.wp-block-separator.is-style-dots::before {
font-size: 17px; font-size: 17px;
} }
/* BLOCK: CODE */
.editor-styles-wrapper .wp-block-preformatted pre,
.editor-styles-wrapper .wp-block-code .block-editor-plain-text,
.editor-styles-wrapper .wp-block-verse pre {
font-size: 16px;
}
/* BLOCK: COLUMNS */ /* BLOCK: COLUMNS */
.wp-block-column { .wp-block-column {

View File

@ -595,6 +595,7 @@ pre {
pre code { pre code {
background: transparent; background: transparent;
font-size: 1em;
padding: 0; padding: 0;
} }

View File

@ -599,6 +599,7 @@ pre {
pre code { pre code {
background: transparent; background: transparent;
font-size: 1em;
padding: 0; padding: 0;
} }

View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '6.7-alpha-58959'; $wp_version = '6.7-alpha-58960';
/** /**
* 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.