From 96de776ed99bba62be3dad679cbb983a02cdf40e Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Sat, 17 Jun 2023 21:35:25 +0000 Subject: [PATCH] Bundled Themes: Fix Twenty Fourteen button block line-height. Change the button block in Twenty Fourteen to use relative instead of fixed line-height. Prevent visual errors with larger font sizes on the front-end. Props nidhidhandhukiya, algorithmsunlocks, mayur8991, sabernhardt. Fixes #58444. git-svn-id: https://develop.svn.wordpress.org/trunk@55932 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyfourteen/css/blocks.css | 4 ++-- src/wp-content/themes/twentyfourteen/css/editor-blocks.css | 3 ++- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/wp-content/themes/twentyfourteen/css/blocks.css b/src/wp-content/themes/twentyfourteen/css/blocks.css index 54db8efad0..d1cdb5e4cb 100644 --- a/src/wp-content/themes/twentyfourteen/css/blocks.css +++ b/src/wp-content/themes/twentyfourteen/css/blocks.css @@ -142,7 +142,7 @@ p.has-drop-cap:not(:focus)::first-letter { color: #fff; font-size: 12px; font-weight: 700; - line-height: 15px; + line-height: 1.25; padding: 10px 30px 11px; text-transform: uppercase; vertical-align: bottom; @@ -235,7 +235,7 @@ p.has-drop-cap:not(:focus)::first-letter { .wp-block-button .wp-block-button__link { font-size: 12px; font-weight: 700; - line-height: 15px; + line-height: 1.25; padding: 10px 30px 11px; text-decoration: none; text-transform: uppercase; diff --git a/src/wp-content/themes/twentyfourteen/css/editor-blocks.css b/src/wp-content/themes/twentyfourteen/css/editor-blocks.css index bee982dd9e..8cf3c0e5e7 100644 --- a/src/wp-content/themes/twentyfourteen/css/editor-blocks.css +++ b/src/wp-content/themes/twentyfourteen/css/editor-blocks.css @@ -336,7 +336,7 @@ p.has-drop-cap:not(:focus)::first-letter { color: #fff; font-size: 12px; font-weight: 700; - line-height: normal; + line-height: 1.25; padding: 10px 30px 11px; text-transform: uppercase; vertical-align: bottom; @@ -418,6 +418,7 @@ p.has-drop-cap:not(:focus)::first-letter { .wp-block-button .wp-block-button__link { font-size: 12px; font-weight: 700; + line-height: 1.25; padding: 10px 30px 11px; text-transform: uppercase; vertical-align: bottom;