Changeset 55932

Timestamp:

06/17/2023 09:35:25 PM (18 months 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;