From a6ff3a0622142bb5ace6de3cfc958966f5573951 Mon Sep 17 00:00:00 2001 From: Dave Smith Date: Thu, 4 Apr 2019 13:42:22 +0100 Subject: [PATCH] Fix Blocker Picker autocompleter icon spacing (#14772) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Fixes classname to match package and CSS rule During the creation of block-editor the className on the autocompleter wasn’t updated. This change updates the class to use the `block-editor-` prefix. This causes the CSS to apply again thereby correcting the margin that was missing. * Revert "Fixes classname to match package and CSS rule" This reverts commit 28eb70647f06f24166944ed9fc3a0159225ca1a8. * Editor: Revert autocompleters classnames to editor prefix Co-Authored-By: Daniel Richards --- .../src/components/autocompleters/style.scss | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/packages/editor/src/components/autocompleters/style.scss b/packages/editor/src/components/autocompleters/style.scss index a173c1f0b5e36..d41748a13d27e 100644 --- a/packages/editor/src/components/autocompleters/style.scss +++ b/packages/editor/src/components/autocompleters/style.scss @@ -1,12 +1,11 @@ - -.block-editor-autocompleters__block { - .block-editor-block-icon { +.editor-autocompleters__block { + .editor-block-icon { margin-right: 8px; } } -.block-editor-autocompleters__user { - .block-editor-autocompleters__user-avatar { +.editor-autocompleters__user { + .editor-autocompleters__user-avatar { margin-right: 8px; flex-grow: 0; flex-shrink: 0; @@ -14,7 +13,7 @@ width: 24px; // avoid jarring resize by seting the size upfront height: 24px; } - .block-editor-autocompleters__user-name { + .editor-autocompleters__user-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; @@ -22,7 +21,7 @@ flex-shrink: 0; flex-grow: 1; } - .block-editor-autocompleters__user-slug { + .editor-autocompleters__user-slug { margin-left: 8px; color: $dark-gray-100; white-space: nowrap; @@ -32,7 +31,7 @@ flex-grow: 0; flex-shrink: 0; } - &:hover .block-editor-autocompleters__user-slug { + &:hover .editor-autocompleters__user-slug { color: $blue-medium-300; } }