From 38e5af7ec2899faee28bca79e36c05c94420705e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Enrique=20S=C3=A1nchez?= Date: Mon, 13 Jan 2020 16:13:37 -0600 Subject: [PATCH 1/3] Set buttons line-height to 1 --- .../block-editor/src/components/inserter-list-item/style.scss | 1 + packages/components/src/panel/style.scss | 1 + 2 files changed, 2 insertions(+) diff --git a/packages/block-editor/src/components/inserter-list-item/style.scss b/packages/block-editor/src/components/inserter-list-item/style.scss index 824108bc3929ad..fd9d9e09a2d5d4 100644 --- a/packages/block-editor/src/components/inserter-list-item/style.scss +++ b/packages/block-editor/src/components/inserter-list-item/style.scss @@ -23,6 +23,7 @@ @include reduce-motion("transition"); position: relative; height: auto; + line-height: 1; &:disabled { @include block-style__disabled(); diff --git a/packages/components/src/panel/style.scss b/packages/components/src/panel/style.scss index 404c99fca853ec..550cb390303602 100644 --- a/packages/components/src/panel/style.scss +++ b/packages/components/src/panel/style.scss @@ -90,6 +90,7 @@ transition: 0.1s background ease-in-out; @include reduce-motion("transition"); height: auto; + line-height: 1; &:focus:not(:disabled):not([aria-disabled="true"]) { @include menu-style__focus; From 4d86ce286b1988073868d67a63172f9b98750160 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Enrique=20S=C3=A1nchez?= Date: Mon, 13 Jan 2020 16:17:20 -0600 Subject: [PATCH 2/3] Slightly increase height of block inserter --- packages/block-editor/src/components/inserter/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss index 528c46adb87d75..e32f0cd7313fcb 100644 --- a/packages/block-editor/src/components/inserter/style.scss +++ b/packages/block-editor/src/components/inserter/style.scss @@ -19,7 +19,7 @@ $block-inserter-search-height: 38px; .block-editor-inserter__popover > .components-popover__content { @include break-medium { overflow-y: visible; - height: $block-inserter-content-height + $block-inserter-tabs-height + $block-inserter-search-height; + height: $block-inserter-content-height + $block-inserter-tabs-height + $block-inserter-search-height + 10px; } } From 39e3e94df8c87682d32171adc290b2707069a1f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Enrique=20S=C3=A1nchez?= Date: Tue, 21 Jan 2020 18:24:57 -0600 Subject: [PATCH 3/3] Add a bit more of height to show more of the accordion --- packages/block-editor/src/components/inserter/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss index e32f0cd7313fcb..bdaf319922bf22 100644 --- a/packages/block-editor/src/components/inserter/style.scss +++ b/packages/block-editor/src/components/inserter/style.scss @@ -19,7 +19,7 @@ $block-inserter-search-height: 38px; .block-editor-inserter__popover > .components-popover__content { @include break-medium { overflow-y: visible; - height: $block-inserter-content-height + $block-inserter-tabs-height + $block-inserter-search-height + 10px; + height: $block-inserter-content-height + $block-inserter-tabs-height + $block-inserter-search-height + 30px; } }