From 826b0de95f626f9336a9c70707e4d07bc3b0e3a9 Mon Sep 17 00:00:00 2001
From: Lukas Steiger <2387965+innerjoin@users.noreply.github.com>
Date: Mon, 19 Aug 2024 08:25:27 +0200
Subject: [PATCH] #386885: prevent spacer from shrinking to 0px if no other
 element is present (#127)

---
 content-elements/layout/spacer/index.js              | 2 ++
 content-elements/layout/spacer/prototype/styles.scss | 8 ++++++++
 content-elements/layout/spacer/styles.scss           | 3 +++
 3 files changed, 13 insertions(+)
 create mode 100644 content-elements/layout/spacer/prototype/styles.scss
 create mode 100644 content-elements/layout/spacer/styles.scss

diff --git a/content-elements/layout/spacer/index.js b/content-elements/layout/spacer/index.js
index 5545879..e9e899c 100644
--- a/content-elements/layout/spacer/index.js
+++ b/content-elements/layout/spacer/index.js
@@ -1 +1,3 @@
+require('./styles.scss');
+
 module.exports = require('./prototype')();
\ No newline at end of file
diff --git a/content-elements/layout/spacer/prototype/styles.scss b/content-elements/layout/spacer/prototype/styles.scss
new file mode 100644
index 0000000..0c5b7c8
--- /dev/null
+++ 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;
+  }
+}
\ No newline at end of file
diff --git a/content-elements/layout/spacer/styles.scss b/content-elements/layout/spacer/styles.scss
new file mode 100644
index 0000000..9ea03e9
--- /dev/null
+++ b/content-elements/layout/spacer/styles.scss
@@ -0,0 +1,3 @@
+@use 'prototype/styles' as element;
+
+@include element.styles();
\ No newline at end of file