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

Finanzen: Buchung zuordnen auf Dialog-Baustein (Esc, Sperre, Vorschlaege als Zeilen)

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed 2026-10-06 14:38:00 +00:00
1 parent d1a1046969
commit 3b26fcdf0b
2 files changed
+164 -181
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/styles/global.css
+18 -25
View File
@@ -663,9 +663,6 @@ button.link-danger { background: none; border: 0; padding: 0; font: inherit; fon
.fin-block { scroll-margin-top: 68px; } /* unter der 52 px hohen Mobil-Leiste 16 px Luft */
}
/* Uebergang: diese Regel faellt, sobald keine Datei die Klasse mehr benutzt (Hinweis im Zuordnen-Dialog) */
.fin-hint-warn { color: var(--warn); }
/* Block 0: Statuszeile (ohne Kasten) */
.fin-status-wrap > .fin-notice { margin: 8px 0 0; }
.fin-status { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: var(--text-2); }
@@ -854,28 +851,25 @@ button.link-danger { background: none; border: 0; padding: 0; font: inherit; fon
.fin-total { display: flex; align-items: baseline; gap: var(--sp-4); font-size: 18px; font-weight: 700; }
.fin-dialog-row { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: var(--sp-4); }
.fin-dialog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sp-3); margin-top: var(--sp-4); }
.fin-tx-facts { display: grid; gap: 6px; margin: 0 0 var(--sp-4); padding: var(--sp-3) var(--sp-4); border: 1px solid var(--border-strong); border-radius: var(--r-sm); }
.fin-tx-facts > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: var(--sp-3); align-items: baseline; }
.fin-tx-facts dt { color: var(--text-muted); font-size: 13px; }
.fin-tx-facts dd { margin: 0; overflow-wrap: anywhere; }
.fin-tx-facts .fin-tx-facts-amount { text-align: left; font-weight: 700; }
.fin-assigned { margin: 0 0 var(--sp-2); }
.fin-choices { border: 0; padding: 0; margin: 0 0 var(--sp-4); display: grid; gap: 8px; min-width: 0; }
.fin-choices legend { padding: 0; margin-bottom: 4px; }
.fin-choice {
display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; cursor: pointer;
border: 1px solid var(--border-strong); border-radius: var(--r-sm);
}
.fin-choice:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); }
.fin-choice:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.fin-choice input { margin-top: 4px; accent-color: var(--accent); }
.fin-choice-off { opacity: 0.65; cursor: not-allowed; }
/* Zuordnen (Dialog): Fuss, Fakten, Auswahlzeilen, Bestaetigung. Huelle, Kopf und Schliessknopf kommen vom Baustein Dialog. */
.fin-foot { flex: 1; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.kv .fin-tx-facts-amount { text-align: left; font-weight: 600; }
.fin-assigned { margin: 0; }
.fin-choices { border: 0; padding: 0; margin: 0; display: grid; min-width: 0; }
.fin-choices legend { padding: 0; margin-bottom: 4px; font-weight: 500; }
.fin-choice { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.fin-choice input { flex: none; margin: 3px 0 0; }
.fin-choice-off { opacity: 0.55; cursor: not-allowed; }
.fin-choice-text { display: grid; gap: 2px; min-width: 0; }
.fin-choice-label { font-weight: 600; overflow-wrap: anywhere; }
.fin-choice-detail { font-size: 13px; overflow-wrap: anywhere; }
.fin-confirm { margin-top: var(--sp-4); padding: var(--sp-4); border: 1px solid var(--warn); border-radius: var(--r-sm); background: rgba(245, 158, 11, 0.1); }
.fin-confirm:focus { outline: 2px solid var(--warn); outline-offset: 2px; }
.fin-confirm p { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.fin-choice-label { color: var(--text); overflow-wrap: anywhere; }
.fin-choice:has(input:checked) .fin-choice-label { font-weight: 600; }
.fin-choice-detail { font-size: 13px; color: var(--text-2); overflow-wrap: anywhere; }
.fin-choice-detail.warn { color: var(--orange-fg); }
.fin-confirm { font-weight: 600; color: var(--orange-fg); overflow-wrap: anywhere; }
.fin-confirm p { margin: 0; }
@media (max-width: 860px) {
.fin-foot .btn { flex: 1 1 auto; }
}
@media (max-width: 640px) {
.fin-item { grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr) minmax(0, 1fr) 38px; grid-template-areas: "desc desc desc desc" "qty price sum remove"; }
.fin-item-desc { grid-area: desc; }
@@ -885,7 +879,6 @@ button.link-danger { background: none; border: 0; padding: 0; font: inherit; fon
.fin-item-remove { grid-area: remove; }
.fin-item ~ .fin-item .fin-item-label { position: static; width: auto; height: auto; margin: 0 0 4px; overflow: visible; clip: auto; white-space: normal; }
.fin-dialog-row { grid-template-columns: minmax(0, 1fr); }
.fin-tx-facts > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
.fin-dialog-actions .ui-btn { flex: 1 1 auto; }
}