From 25693b10b1bd47c60f0589712e0ac706020b6b99 Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Sun, 11 Feb 2024 16:18:15 +0100
Subject: [PATCH] Fix issue where gridstack items can have a width of zero
 (#85)

---
 apps/nextjs/src/styles/gridstack.scss | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/nextjs/src/styles/gridstack.scss b/apps/nextjs/src/styles/gridstack.scss
index ae572061a..a58e3e620 100644
--- a/apps/nextjs/src/styles/gridstack.scss
+++ b/apps/nextjs/src/styles/gridstack.scss
@@ -17,6 +17,12 @@
   }
 }
 
+// Define min size for gridstack items
+.grid-stack > .grid-stack-item {
+  min-width: calc(100% / var(--gridstack-column-count));
+  min-height: calc(1px * var(--gridstack-widget-width));
+}
+
 // Styling for grid-stack main area
 @for $i from 1 to 96 {
   .grid-stack > .grid-stack-item[gs-w="#{$i}"] {
@@ -54,10 +60,6 @@
   }
 }
 
-.grid-stack > .grid-stack-item {
-  min-width: #{var(--gridstack-widget-width)};
-}
-
 // Styling for sidebar grid-stack elements
 @for $i from 1 to 96 {
   .grid-stack.grid-stack-sidebar > .grid-stack-item[gs-w="#{$i}"] {