Card Resize changes

Author: jacquesbach

static/js/layout.js

@@ -115,6 +115,19 @@ function initAutoResizeForCard(cardId) {
     observer.observe(content);
 }
 
+function forceGridResize(cardId) {
+    const gridItem = document.getElementById(cardId);
+    const content = gridItem.querySelector(".card");
+
+    if (!gridItem || !content) return;
+
+    const newHeightPx = content.scrollHeight;
+    const cellHeight = dashboardGrid.getCellHeight();
+    const newGridHeight = Math.ceil(newHeightPx / cellHeight);
+
+    dashboardGrid.update(gridItem, { h: newGridHeight });
+}
+
 document.addEventListener("DOMContentLoaded", async () => {
     // --- PHASE 1: Das Gerüst aufbauen ---
     initGridstack();

static/js/script.js

@@ -1140,6 +1140,11 @@ async function loadForecast() {
                    showShapDetails(forecast[index]);
                }
            }
+           animation: {
+            onComplete: () => {
+                forceGridResize("card-forecast");
+            }
+           }
        }
    });
 }
@@ -1171,6 +1176,11 @@ async function loadFeatureImportance() {
                        display: false
                    }
                }
+               animation: {
+                onComplete: () => {
+                    forceGridResize("card-forecast");
+                }
+               }
            }
        });
 
@@ -1209,6 +1219,11 @@ async function loadGlobalShap() {
                        display: false
                    }
                }
+               animation: {
+                onComplete: () => {
+                    forceGridResize("card-forecast");
+                }
+               }
            }
        });