Try uncollapsing margins on the columns block.

This is a first stab at fixing #7766. It does not address it fully, I believe further work is necessary, including that of #7694. However this should at least improve the collapsing of the parent container.
WordPress · Jul 30, 2018 · cfce97a · cfce97a
1 parent 72384a6
commit cfce97a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/core-blocks/columns/editor.scss b/core-blocks/columns/editor.scss
@@ -32,12 +32,17 @@
 	}
 }
 
-// Flex container margins do not collapse: https://www.w3.org/TR/css-flexbox-1/#flex-containers.
+// This block has flex container children. Flex container margins do not collapse: https://www.w3.org/TR/css-flexbox-1/#flex-containers.
 // Therefore, let's at least not add any additional margins here.
+// The goal is for the editor to look more like the front-end.
 .editor-block-list__layout .editor-block-list__block[data-type="core/columns"] > .editor-block-list__block-edit,
 .editor-block-list__layout .editor-block-list__block[data-type="core/column"] > .editor-block-list__block-edit {
 	margin-top: 0;
 	margin-bottom: 0;
+
+	// This uncollapses margins on this parent container.
+	padding-top: 1px;
+	padding-bottom: 1px;
 }
 
 .wp-block-columns {