change(container): modified column-block grid to remove margin and pa…

…dding when using full width class - this way the content becomes truly full width
eea · Nov 10, 2022 · 35c1cee · 35c1cee
1 parent fd563a9
commit 35c1cee
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/theme/themes/eea/collections/grid.overrides b/theme/themes/eea/collections/grid.overrides
@@ -15,3 +15,13 @@
 .ui.grid > [class*='any reversed'].row {
   flex-direction: row-reverse;
 }
+
+// remove grid and column padding from full-size
+.has--size--full .grid {
+  margin-left: 0;
+  margin-right: 0;
+}
+.has--size--full .grid .column {
+  padding: 0 !important;
+}
+
diff --git a/theme/themes/eea/elements/container.overrides b/theme/themes/eea/elements/container.overrides
@@ -111,6 +111,7 @@ body {
 }
 
 /* Hack for escape the blocks container in blocks full width */
+.has--size--full:not(.block-editor-columnsBlock),
 .full-width {
   position: relative;
   right: 50%;
@@ -120,3 +121,15 @@ body {
   margin-right: -50vw !important;
   margin-left: -50vw !important;
 }
+
+@media screen and (min-width: 768px) {
+  .has-toolbar .has--size--full:not(.block-editor-columnsBlock) {
+    margin-left: -47vw !important;
+  }
+
+  .has-toolbar-collapsed .has--size--full:not(.block-editor-columnsBlock) {
+    margin-left: -49vw !important;
+  }
+
+}
+