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

BIN
src/main/bundles/dev.bundle
View File

Binary file not shown.

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

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