Fix line-height in block card. (#58246)

* Fix line-height in block card. * Fix for site editor.
WordPress · Jan 25, 2024 · 0766cb3 · 0766cb3
1 parent 577a71f
commit 0766cb3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-card/style.scss b/packages/block-editor/src/components/block-card/style.scss
@@ -14,14 +14,16 @@
 
  &.block-editor-block-card__title {
  font-size: $default-font-size;
- line-height: $button-size-small;
+ line-height: $default-line-height;
  margin: 0;
+ padding: 3px 0; // This makes the title as high as the icon.
  }
 }
 
 .block-editor-block-card__description {
  display: block;
  font-size: $default-font-size;
+ line-height: $default-line-height;
  margin-top: $grid-unit-05;
 }
 

diff --git a/packages/edit-site/src/components/sidebar-edit-mode/sidebar-card/style.scss b/packages/edit-site/src/components/sidebar-edit-mode/sidebar-card/style.scss
@@ -11,7 +11,10 @@
  font-weight: 500;
  line-height: $icon-size;
  &.edit-site-sidebar-card__title {
+ font-size: $default-font-size;
+ line-height: $default-line-height;
  margin: 0;
+ padding: 3px 0; // This makes the title as high as the icon.
  }
  }