From 0dc3f46817092c41772a3501895a1c89240feb63 Mon Sep 17 00:00:00 2001
From: Eduard Wisch <data@data-it-solution.de>
Date: Wed, 8 Apr 2026 16:16:37 +0200
Subject: [PATCH] =?UTF-8?q?Revert=20"fix:=20Canvas=20f=C3=BCllt=20volle=20?=
 =?UTF-8?q?Breite=20(kein=201200px-Limit)=20+=20Resize-Listener"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 532d8e0c98d0c6d646358d4dd3ba16a50d1d5ecb.
---
 css/bericht.css |  3 +--
 js/editor.js    | 14 +++-----------
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/css/bericht.css b/css/bericht.css
index fa265cb..0ccc497 100644
--- a/css/bericht.css
+++ b/css/bericht.css
@@ -62,9 +62,8 @@
     border: 1px solid var(--colorboxbordertitle1, transparent);
     border-radius: 6px;
     padding: 10px;
+    min-height: 80vh;
     display: flex; flex-direction: column;
-    /* keine min-height — Container so groß wie Inhalt */
-    max-height: calc(100vh - 220px);
 }
 .bericht-toolbar {
     display: flex; flex-wrap: wrap; gap: 4px; align-items: center;
diff --git a/js/editor.js b/js/editor.js
index 88974ec..8833f8f 100644
--- a/js/editor.js
+++ b/js/editor.js
@@ -60,13 +60,6 @@
         bindExtraUpload();
         bindActions();
         bindSortable();
-
-        // Window-Resize: Canvas neu skalieren (debounced)
-        let resizeTimer = null;
-        window.addEventListener('resize', () => {
-            clearTimeout(resizeTimer);
-            resizeTimer = setTimeout(() => { rerenderCurrent(); }, 200);
-        });
     }
 
     /* ---------- Seiten laden ---------- */
@@ -110,16 +103,15 @@
 
     /**
      * Liefert die nutzbare Breite des Canvas-Containers (minus Padding).
-     * KEINE harte Obergrenze — der Canvas füllt immer die volle verfügbare
-     * Breite der mittleren Spalte aus.
+     * Begrenzt auf 1200px, damit auch auf großen Screens nicht alles riesig wird.
      */
     function getTargetCanvasWidth() {
         const wrap = document.querySelector('.bericht-canvas-wrap');
         if (!wrap) return 800;
         const cs = getComputedStyle(wrap);
         const padX = parseFloat(cs.paddingLeft) + parseFloat(cs.paddingRight);
-        const avail = wrap.clientWidth - padX - 4;
-        return Math.max(300, Math.floor(avail));
+        const avail = wrap.clientWidth - padX - 4; // 4px Sicherheitsabstand
+        return Math.max(300, Math.min(1200, Math.floor(avail)));
     }
 
     async function renderPdf(arrayBuffer) {