#386885: prevent spacer from shrinking to 0px if no other element is …

…present (#127)
bsi-software · Aug 19, 2024 · 826b0de · 826b0de
1 parent 2d15444
commit 826b0de
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/content-elements/layout/spacer/index.js b/content-elements/layout/spacer/index.js
@@ -1 +1,3 @@
+require('./styles.scss');
+
 module.exports = require('./prototype')();
diff --git a/content-elements/layout/spacer/prototype/styles.scss b/content-elements/layout/spacer/prototype/styles.scss
@@ -0,0 +1,8 @@
+@import "../../../../styles/properties";
+
+@mixin styles($id: 'spacer-jarY9b') {
+  // ensure spacer is visible when no other items are present (e.g. in banner)
+  .bsi-ce-edit-mode .bsi-element-#{$id} {
+    min-width: 160px;
+  }
+}
diff --git a/content-elements/layout/spacer/styles.scss b/content-elements/layout/spacer/styles.scss
@@ -0,0 +1,3 @@
+@use 'prototype/styles' as element;
+
+@include element.styles();
Original file line number	Diff line number	Diff line change
		@@ -1 +1,3 @@
		require('./styles.scss');

		module.exports = require('./prototype')();
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		@use 'prototype/styles' as element;

		@include element.styles();