Browse Source

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

Kjell Reigstad 5 years ago
parent
commit
ccd18ed4b1
3 changed files with 16 additions and 0 deletions
  1. 1 0
      varia/sass/blocks/_editor.scss
  2. 9 0
      varia/sass/blocks/columns/_editor.scss
  3. 6 0
      varia/style-editor.css

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

@@ -10,6 +10,7 @@
 @import "blog-posts/editor";
 @import "button/editor";
 @import "code/editor";
+@import "columns/editor";
 @import "cover/editor";
 @import "heading/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;
 }
 
+.wp-block-columns .wp-block[data-align=full],
+.wp-block-columns .alignfull {
+	margin-left: inherit;
+	margin-right: inherit;
+}
+
 .wp-block-cover,
 .wp-block-cover-image {
 	background-color: black;