Merge pull request #672 from maykinmedia/fix/1543-Set-margins-when-CMS-is-in-edit-mode

alextreme · web-flow · commit 872190a38782 · 2023-06-16T10:33:53.000+02:00
💄 [#1543] Fixing margins for heading when CMS is in edit mode
diff --git a/src/open_inwoner/scss/components/Button/Button.scss b/src/open_inwoner/scss/components/Button/Button.scss
@@ -168,3 +168,7 @@
 .p + .button {
   margin-top: var(--spacing-large);
 }
+
+.cta-button {
+  margin-bottom: var(--spacing-large);
+}
diff --git a/src/open_inwoner/scss/components/Typography/H2.scss b/src/open_inwoner/scss/components/Typography/H2.scss
@@ -18,6 +18,11 @@
     word-break: normal;
     overflow-wrap: break-word;
   }
+
+  // when CMS is in edit mode
+  &.cms-plugin {
+    margin-top: var(--gutter-width);
+  }
 }
 
 ///

Original file line number	Diff line number	Diff line change
`@@ -168,3 +168,7 @@`
`168`	`168`	`.p + .button {`
`169`	`169`	`margin-top: var(--spacing-large);`
`170`	`170`	`}`
	`171`	`+`
	`172`	`+.cta-button {`
	`173`	`+ margin-bottom: var(--spacing-large);`
	`174`	`+}`