data/bericht
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Fabric canvas-container absolut positioniert — weißer Bereich rechts weg
All checks were successful
Deploy bericht / deploy (push) Successful in 1s
Details

Browse source 
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) <noreply@anthropic.com>
[deploy]
This commit is contained in:
Eduard Wisch 2026-04-09 14:11:09 +02:00
parent bf1ad1bafa
commit efa94217eb
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
css/bericht.css
View file

@ -209,6 +209,12 @@
border-radius: 6px; border-radius: 6px;
} }
#fabric-canvas.fabric-overlay { position: absolute !important; pointer-events: auto; } #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 { margin-top: 8px; }
.bericht-page-note label { .bericht-page-note label {