Ver Fonte

Varia: Ensure full-width items inside of columns do not overlap or cause scroll.

Kjell Reigstad há 5 anos atrás
pai
commit
ccd18ed4b1

+ 1 - 0
varia/sass/blocks/_editor.scss

@@ -10,6 +10,7 @@
 @import "blog-posts/editor";
 @import "blog-posts/editor";
 @import "button/editor";
 @import "button/editor";
 @import "code/editor";
 @import "code/editor";
+@import "columns/editor";
 @import "cover/editor";
 @import "cover/editor";
 @import "heading/editor";
 @import "heading/editor";
 @import "image/editor";
 @import "image/editor";

+ 9 - 0
varia/sass/blocks/columns/_editor.scss

@@ -0,0 +1,9 @@
+.wp-block-columns {
+
+	// Ignore full-width margins when inside of a column. 
+	.wp-block[data-align=full],
+	.alignfull {
+		margin-left: inherit;
+		margin-right: inherit;
+	}
+}

+ 6 - 0
varia/style-editor.css

@@ -583,6 +583,12 @@ object {
 	background-color: indigo;
 	background-color: indigo;
 }
 }
 
 
+.wp-block-columns .wp-block[data-align=full],
+.wp-block-columns .alignfull {
+	margin-left: inherit;
+	margin-right: inherit;
+}
+
 .wp-block-cover,
 .wp-block-cover,
 .wp-block-cover-image {
 .wp-block-cover-image {
 	background-color: black;
 	background-color: black;