From 93f34aaf32687d85266c77ce6b4ba9891fd2aae7 Mon Sep 17 00:00:00 2001 From: Zebulan Stanphill Date: Mon, 21 Sep 2020 15:54:18 -0500 Subject: [PATCH 1/2] Buttons block: lighten editor DOM even more. --- packages/block-library/src/buttons/edit.js | 18 +++++++++--------- packages/block-library/src/buttons/editor.scss | 3 +++ 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/packages/block-library/src/buttons/edit.js b/packages/block-library/src/buttons/edit.js index b2c6858e1448a7..ddb371811c7b5e 100644 --- a/packages/block-library/src/buttons/edit.js +++ b/packages/block-library/src/buttons/edit.js @@ -23,15 +23,15 @@ const alignmentHooksSetting = { function ButtonsEdit() { const blockWrapperProps = useBlockWrapperProps(); return ( -
- - - -
+ + + ); } diff --git a/packages/block-library/src/buttons/editor.scss b/packages/block-library/src/buttons/editor.scss index 2a07114b65ad50..f19c277c5fc3d7 100644 --- a/packages/block-library/src/buttons/editor.scss +++ b/packages/block-library/src/buttons/editor.scss @@ -1,6 +1,9 @@ .wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { display: inline-block; width: auto; + + // Override editor auto block margins. + margin-left: 0; } .wp-block[data-align="center"] > .wp-block-buttons { From 093514961946564feed32ebfddbbabcef0af35bb Mon Sep 17 00:00:00 2001 From: Zebulan Stanphill Date: Thu, 24 Sep 2020 21:22:13 -0500 Subject: [PATCH 2/2] Simplify editor styles. --- packages/block-library/src/buttons/editor.scss | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/packages/block-library/src/buttons/editor.scss b/packages/block-library/src/buttons/editor.scss index f19c277c5fc3d7..121ba5f5af5cf2 100644 --- a/packages/block-library/src/buttons/editor.scss +++ b/packages/block-library/src/buttons/editor.scss @@ -1,7 +1,4 @@ -.wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { - display: inline-block; - width: auto; - +.wp-block-buttons > .wp-block { // Override editor auto block margins. margin-left: 0; } @@ -18,6 +15,6 @@ justify-content: flex-end; } -.wp-block-buttons .block-list-appender { +.wp-block-buttons > .block-list-appender { display: inline-block; }