From e55504f20ff6a2785296b3764380cdf2b12c890a Mon Sep 17 00:00:00 2001 From: jasmussen Date: Thu, 9 Apr 2020 11:36:43 +0200 Subject: [PATCH] Restore floated image margins. --- packages/block-library/src/image/editor.scss | 13 +++++++++++++ packages/block-library/src/image/style.scss | 4 ++++ 2 files changed, 17 insertions(+) diff --git a/packages/block-library/src/image/editor.scss b/packages/block-library/src/image/editor.scss index e23efffc0eb4da..12fd97a637dec8 100644 --- a/packages/block-library/src/image/editor.scss +++ b/packages/block-library/src/image/editor.scss @@ -21,6 +21,19 @@ margin-top: -9px; margin-left: -9px; } + + // These need specificity to override an inherited left/right block margin in the editor. + &.wp-block-image.alignleft { + margin-right: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; + } + + &.wp-block-image.alignright { + margin-left: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; + } } // This is necessary for the editor resize handles to accurately work on a non-floated, non-resized, small image. diff --git a/packages/block-library/src/image/style.scss b/packages/block-library/src/image/style.scss index 98620035a445e3..7ad122489aeac9 100644 --- a/packages/block-library/src/image/style.scss +++ b/packages/block-library/src/image/style.scss @@ -39,6 +39,8 @@ float: left; /*rtl:ignore*/ margin-right: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; } .alignright { @@ -46,6 +48,8 @@ float: right; /*rtl:ignore*/ margin-left: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; } .aligncenter {