jjsm01/cv-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: A4 canvas height fixed to 1123px with !important, blocks fit within boundaries

Browse Source
This commit is contained in:
root
2026-07-16 08:22:57 +00:00
parent 9c0d71f7e4
commit ffa4655d39
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
static/designer.css
View File

@@ -66,30 +66,33 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
overflow: auto; overflow-y: auto;
max-height: 800px; overflow-x: hidden;
max-height: 1123px;
padding: 20px; padding: 20px;
background: var(--bg); background: var(--bg);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: var(--radius); border-radius: var(--radius);
} }
/* The actual A4 page */ /* The actual A4 page - must be exactly 794x1123 */
.a4-page { .a4-page {
width: 794px; width: 794px !important;
height: 1123px; height: 1123px !important;
background: white; background: white;
position: relative; position: relative;
box-shadow: 0 4px 20px rgba(0,0,0,0.3); box-shadow: 0 4px 20px rgba(0,0,0,0.3);
overflow: hidden; overflow: hidden;
flex-shrink: 0;
} }
/* Gridstack overrides for the A4 canvas */ /* Gridstack overrides for the A4 canvas */
.a4-page .grid-stack { .a4-page .grid-stack {
background: transparent; background: transparent;
width: 794px; position: absolute !important;
height: 1123px; top: 0;
position: relative; left: 0;
width: 794px !important;
} }
.a4-page .grid-stack-item { .a4-page .grid-stack-item {