From efa94217eb05f4198c83b9891ee0d59a5dd45a41 Mon Sep 17 00:00:00 2001 From: Eduard Wisch Date: Thu, 9 Apr 2026 14:11:09 +0200 Subject: [PATCH] =?UTF-8?q?fix:=20Fabric=20canvas-container=20absolut=20po?= =?UTF-8?q?sitioniert=20=E2=80=94=20wei=C3=9Fer=20Bereich=20rechts=20weg?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fabric.js wickelt #fabric-canvas in einen .canvas-container ein. Meine bisherige CSS-Regel '#fabric-canvas.fabric-overlay position:absolute' wirkte nur auf das innere Canvas, nicht auf den Container. Dadurch saß der Container im normalen Flex-Flow neben dem pdfCanvas und verdrängte es nach links — der rechte Bereich wurde vom Container als weiße Fläche überlagert und verdeckte Bild-Inhalte. Fix: neue CSS-Regel '.bericht-canvas-wrap .canvas-container position: absolute !important' damit der Container wie vorgesehen absolut positioniert wird und den pdfCanvas nicht aus dem Flow drückt. Co-Authored-By: Claude Opus 4.6 (1M context) [deploy] --- css/bericht.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/css/bericht.css b/css/bericht.css index d45763d..fa12b23 100644 --- a/css/bericht.css +++ b/css/bericht.css @@ -209,6 +209,12 @@ border-radius: 6px; } #fabric-canvas.fabric-overlay { position: absolute !important; pointer-events: auto; } +/* Fabric.js wickelt das Canvas in einen .canvas-container ein. Ohne diese Regel + sitzt der Container im normalen Flow neben dem pdfCanvas und verdrängt es + nach links — das ergibt einen "weißen Bereich rechts" der Bilder überlappt. */ +.bericht-canvas-wrap .canvas-container { + position: absolute !important; +} .bericht-page-note { margin-top: 8px; } .bericht-page-note label {