JUSN/tickte-system
0
0 Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Auftragsbestaetigung: Dialog-Schritte 1 bis 3 (Projekt, Auftrag, Zahlung und Termine)

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed 2026-10-07 14:35:49 +00:00
1 parent 3650573445
commit 5060d150ea
2 files changed
+364
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/auftraege/auftrag.css
+43
View File
@@ -33,3 +33,46 @@
.auftrag-aktionen { grid-area: aktionen; padding-top: 4px; }
.auftrag-table td[data-label]::before { content: attr(data-label) " "; color: var(--text-2); font-weight: 500; }
}
/* Dialog: Schritte 1 bis 3 */
.auftrag-schritt { display: grid; gap: 16px; min-width: 0; }
.auftrag-schritt .field { min-width: 0; }
.auftrag-art { border: 0; padding: 0; margin: 0; display: grid; gap: 8px; min-width: 0; }
.auftrag-art legend { font-weight: 500; padding: 0; margin-bottom: 4px; }
.auftrag-art .check { flex-wrap: wrap; }
.auftrag-art .check .hint { flex-basis: 100%; padding-left: 23px; font-size: 13px; color: var(--text-2); }
.auftrag-items { border: 0; padding: 0; margin: 0; display: grid; gap: 12px; min-width: 0; }
.auftrag-items legend { font-weight: 500; padding: 0; margin-bottom: 4px; }
.auftrag-item {
display: grid; grid-template-columns: minmax(0, 1fr) 80px 120px 110px auto; gap: 8px 12px; align-items: end;
grid-template-areas: "desc qty price sum remove";
}
.auftrag-item .input { width: 100%; }
.auftrag-item > div { display: grid; gap: 4px; min-width: 0; }
.auftrag-item-desc { grid-area: desc; }
.auftrag-item-qty { grid-area: qty; }
.auftrag-item-price { grid-area: price; }
.auftrag-item-sum { grid-area: sum; }
.auftrag-item-remove { grid-area: remove; }
.auftrag-item-qty .input, .auftrag-item-price .input { text-align: right; font-variant-numeric: tabular-nums; }
.auftrag-item-wert { min-height: 36px; display: flex; align-items: center; justify-content: flex-end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.auftrag-item-remove { min-height: 36px; align-content: center; }
.auftrag-item-label { font-size: 12px; color: var(--text-2); }
.auftrag-item + .auftrag-item .auftrag-item-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.auftrag-total { display: flex; justify-content: space-between; gap: 16px; font-weight: 600; }
.auftrag-narrow { max-width: 120px; }
.auftrag-plan-vorschau { margin: 0; overflow-wrap: anywhere; }
.auftrag-hinweis { margin: 0; overflow-wrap: anywhere; }
.auftrag-zeitquelle { border: 0; padding: 0; margin: 0; display: grid; gap: 6px; min-width: 0; }
.auftrag-zeitquelle legend { font-weight: 500; padding: 0; margin-bottom: 4px; }
.auftrag-zeitquelle-liste { display: grid; gap: 6px; max-height: 220px; overflow-y: auto; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 6px 0; }
.auftrag-zeitquelle-liste .check { flex-wrap: wrap; overflow-wrap: anywhere; }
@media (max-width: 860px) {
.auftrag-item {
grid-template-columns: minmax(0, .7fr) minmax(0, 1fr) minmax(0, 1fr) auto;
grid-template-areas: "desc desc desc desc" "qty price sum remove";
}
.auftrag-item + .auftrag-item .auftrag-item-label, .auftrag-item-label { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: normal; }
.auftrag-narrow { max-width: none; }
}