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

Rechnungstemplate: Kontoverbindung aus Stammdaten, verbesserte Tabellenformatierung, einspaltige Palette, Delete-Taste zum Löschen, UI-Optimierungen

Browse Source
This commit is contained in:
Sven Carstensen
2026-03-18 16:29:10 +01:00
parent dc35995e64
commit 58c78bbbbd
2 changed files with 632 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

710
frontend/src/pages/InvoiceTemplatePage.tsx
View File

File diff suppressed because it is too large Load Diff

67
frontend/src/styles/global.css
View File

@@ -874,7 +874,7 @@ a {
.invoice-template__palette-grid { .invoice-template__palette-grid {
display: grid; display: grid;
gap: 10px; gap: 10px;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: 1fr;
} }
.invoice-template__tile { .invoice-template__tile {
@@ -1021,10 +1021,71 @@ a {
word-break: break-word; word-break: break-word;
} }
.invoice-template__canvas-line { .invoice-template__muh-items {
display: block; display: grid;
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 0;
grid-template-rows: auto 2px auto minmax(0, 1fr) auto 2px auto;
gap: 10px;
line-height: 1.35;
}
.invoice-template__muh-items-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
gap: 18px;
}
.invoice-template__muh-items-row--amount-side {
grid-template-columns: minmax(0, 1fr) fit-content(240px) auto;
}
.invoice-template__muh-items-row--amount-side .invoice-template__muh-items-label {
grid-column: 2;
justify-self: start;
}
.invoice-template__muh-items-row--amount-side .invoice-template__muh-items-amount {
grid-column: 3;
}
.invoice-template__muh-items-row--total {
align-self: end;
}
.invoice-template__muh-items-label {
display: block;
min-width: 0;
white-space: normal;
word-break: break-word;
}
.invoice-template__muh-items-amount {
display: block;
justify-self: end;
white-space: nowrap;
text-align: right;
}
.invoice-template__muh-items-separator {
display: block;
width: 100%;
height: 2px;
border-radius: 999px;
background: rgba(37, 49, 58, 0.82);
pointer-events: none;
}
.invoice-template__muh-items-spacer {
display: block;
min-height: 0;
}
.invoice-template__canvas-line {
position: absolute;
display: block;
border-radius: 999px; border-radius: 999px;
background: rgba(37, 49, 58, 0.82); background: rgba(37, 49, 58, 0.82);
pointer-events: none; pointer-events: none;