From 5d0978e63938c8a85fc423e184de697e057c7f63 Mon Sep 17 00:00:00 2001 From: Kjell Reigstad Date: Mon, 10 Sep 2018 09:15:22 -0400 Subject: [PATCH] Move unified block toolbar padding to large breakpoints. Fixes a visual bug where the block controls in Unified Toolbar are larger than their container bar on screens that are between 781px and 960px wide. Fixes #9657. --- .../components/header/header-toolbar/style.scss | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/edit-post/components/header/header-toolbar/style.scss b/edit-post/components/header/header-toolbar/style.scss index 2d2a0869b421a3..d2ed697825194a 100644 --- a/edit-post/components/header/header-toolbar/style.scss +++ b/edit-post/components/header/header-toolbar/style.scss @@ -23,14 +23,9 @@ min-height: $block-toolbar-height; border-bottom: $border-width solid $light-gray-500; - .editor-block-toolbar { - margin: -9px 0; - } - .editor-block-toolbar .components-toolbar { border-top: none; border-bottom: none; - padding: 9px; } .is-sidebar-opened & { @@ -57,6 +52,14 @@ .is-sidebar-opened & { right: auto; } + + .editor-block-toolbar { + margin: -9px 0; + } + + .editor-block-toolbar .components-toolbar { + padding: 9px; + } } }