Assecutor/votianlt
3
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Erweiterungen

Browse Source
This commit is contained in:
Sven Carstensen
2025-08-30 19:23:00 +02:00
parent 9f4bb02ac5
commit c8967c3675
2 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/main/frontend/styles/pdf-builder.css
View File

@@ -4,7 +4,10 @@
display: flex;
flex-direction: column;
gap: var(--lumo-space-m);
width: 100%;
width: 90%;
max-width: 90%;
margin: 10px auto 0 auto;
padding: 20px;
}
.pdf-builder-workspace {
@@ -12,11 +15,13 @@
gap: var(--lumo-space-l);
align-items: flex-start;
width: 100%;
overflow: hidden;
}
.pdf-palette {
width: 260px;
min-width: 240px;
flex: 0 1 15%;
min-width: 10%;
max-width: 20%;
border: 1px solid var(--lumo-contrast-20pct);
border-radius: var(--lumo-border-radius-m);
background: var(--lumo-base-color);
@@ -50,12 +55,15 @@
flex: 1 1 auto;
display: flex;
justify-content: center;
min-width: 0;
overflow: hidden;
}
/* Inspector (right side) */
.pdf-inspector {
width: 300px;
min-width: 260px;
flex: 0 1 15%;
min-width: 10%;
max-width: 20%;
border: 1px solid var(--lumo-contrast-20pct);
border-radius: var(--lumo-border-radius-m);
background: var(--lumo-base-color);
@@ -78,11 +86,11 @@
border-bottom: 1px dashed var(--lumo-contrast-10pct);
}
.inspector-item:last-child { border-bottom: none; }
.inspector-item > span { min-width: 90px; font-size: var(--lumo-font-size-s); color: var(--lumo-secondary-text-color); }
.pdf-inspector vaadin-number-field { width: 120px; }
.inspector-item > span { min-width: 30%; font-size: var(--lumo-font-size-s); color: var(--lumo-secondary-text-color); }
.pdf-inspector vaadin-number-field { width: 65%; }
.pdf-canvas {
width: 60%;
width: 100%;
aspect-ratio: 210 / 297; /* A4 */
position: relative;
background: white;
@@ -100,8 +108,8 @@
background: rgba(255,255,255,0.9);
resize: none;
overflow: auto;
min-width: 80px;
min-height: 60px;
min-width: 5%;
min-height: 5%;
cursor: default;
user-select: none;
}
@@ -192,12 +200,12 @@
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
width: 16px;
height: 16px;
display: none;
align-items: center;
justify-content: center;
font-size: 12px;
font-size: 10px;
line-height: 1;
color: var(--lumo-primary-color);
background: #fff;