Changeset 58199

Timestamp:

05/26/2024 08:47:20 AM (9 months ago)

Author:

karmatosed

Message:

Twenty Nineteen: Resolves button block font issues.

The font on buttons was displaying less than the font size when applied through the editor. This resets the relative measurement on wp-block-buttonlink when either its Buttons or Button block has a custom size.

Props nidhidhandhukiya, sabernhardt, SergeyBiryukov, manojmaharrshi, darshitrajyaguru97, shailu25.
Fixes #56443.

Location:

trunk/src/wp-content/themes/twentynineteen

Files:

• sass/blocks/_blocks.scss (modified) (1 diff)
• style-rtl.css (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -237 +237 @@
                 color: $color__background-button-hover;
             }
+        }
+    }
+
+    .wp-block-buttons,
+    .wp-block-button {
+
+        &.has-custom-font-size .wp-block-button__link {
+            font-size: 1em;
         }
     }

trunk/src/wp-content/themes/twentynineteen/style-rtl.css

@@ -5564 +5564 @@
 }
 
+.entry .entry-content .wp-block-buttons.has-custom-font-size .wp-block-button__link,
+.entry .entry-content .wp-block-button.has-custom-font-size .wp-block-button__link {
+  font-size: 1em;
+}
+
 .entry .entry-content .wp-block-archives,
 .entry .entry-content .wp-block-categories,

trunk/src/wp-content/themes/twentynineteen/style.css

@@ -5576 +5576 @@
 }
 
+.entry .entry-content .wp-block-buttons.has-custom-font-size .wp-block-button__link,
+.entry .entry-content .wp-block-button.has-custom-font-size .wp-block-button__link {
+  font-size: 1em;
+}
+
 .entry .entry-content .wp-block-archives,
 .entry .entry-content .wp-block-categories,