Changeset 55932

Timestamp:

06/17/2023 09:35:25 PM (3 years ago)

Author:

joedolson

Message:

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.

Location:

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

Files:

• blocks.css (modified) (2 diffs)
• editor-blocks.css (modified) (2 diffs)

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

@@ -143 +143 @@
         font-size: 12px;
         font-weight: 700;
-        line-height: 15px;
+        line-height: 1.25;
         padding: 10px 30px 11px;
         text-transform: uppercase;
@@ -236 +236 @@
         font-size: 12px;
         font-weight: 700;
-        line-height: 15px;
+        line-height: 1.25;
         padding: 10px 30px 11px;
         text-decoration: none;

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

@@ -337 +337 @@
         font-size: 12px;
         font-weight: 700;
-        line-height: normal;
+        line-height: 1.25;
         padding: 10px 30px 11px;
         text-transform: uppercase;
@@ -419 +419 @@
         font-size: 12px;
         font-weight: 700;
+        line-height: 1.25;
         padding: 10px 30px 11px;
         text-transform: uppercase;