Finanzen: Einstellungen, Bankzugang, Fixkosten und Bankrueckkehr ohne Karten
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed
1 parent
b5d27d5801
commit
d1a1046969
7 files changed
+91
-126
No files matched your search
+21
-32
@@ -663,9 +663,7 @@ 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 Regeln fallen, sobald keine Datei mehr die Klassen benutzt (Hinweis, Drehknopf) */
|
||||
.fin-spin { animation: spin 1s linear infinite; }
|
||||
.fin-hint { margin: 0; font-size: 13px; color: var(--text-muted); }
|
||||
/* 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) */
|
||||
@@ -892,38 +890,29 @@ button.link-danger { background: none; border: 0; padding: 0; font: inherit; fon
|
||||
}
|
||||
|
||||
/* Finanzen: Einstellungen (Formular, Bankzugang, Fixkosten) */
|
||||
.fin-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
|
||||
.fin-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--sp-4); }
|
||||
.fin-fieldset { display: grid; gap: 16px; border: 0; padding: 0; margin: 0; min-width: 0; }
|
||||
.fin-fieldset .field-row { gap: 16px; }
|
||||
.fin-form-field { min-width: 0; }
|
||||
.fin-form-hint { font-size: 12px; overflow-wrap: anywhere; }
|
||||
.fin-field-error { font-size: 13px; font-weight: 600; color: var(--danger); overflow-wrap: anywhere; }
|
||||
/* KOMPAT setzt .page .field auf 12 px Abstand unten; im Raster bestimmt allein der gap den Abstand */
|
||||
.page .fin-fieldset .field, .page .fin-fixed-form .field { margin-bottom: 0; }
|
||||
.fin-input-amount { text-align: right; font-variant-numeric: tabular-nums; }
|
||||
.fin-counter { margin: -6px 0 var(--sp-3); text-align: right; font-size: 12px; color: var(--text-muted); font-variant-numeric: tabular-nums; }
|
||||
.fin-counter-over { color: var(--danger); font-weight: 700; }
|
||||
.fin-form-notice { margin: 0 0 var(--sp-3); }
|
||||
.fin-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3); margin-top: var(--sp-3); }
|
||||
.fin-bank-facts { display: grid; gap: 6px; margin: 0 0 var(--sp-3); }
|
||||
.fin-bank-facts > div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: var(--sp-3); align-items: baseline; }
|
||||
.fin-bank-facts dt { color: var(--text-muted); font-size: 13px; }
|
||||
.fin-bank-facts dd { margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
|
||||
.fin-fixed-form { margin-bottom: var(--sp-4); padding: var(--sp-4); border: 1px solid var(--border-strong); border-radius: var(--r-sm); }
|
||||
.fin-fixed-form-title { margin: 0 0 var(--sp-3); font-size: 15px; font-weight: 700; }
|
||||
.fin-fixed-list { list-style: none; margin: 0; padding: 0; }
|
||||
.fin-fixed {
|
||||
display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px var(--sp-4); align-items: baseline;
|
||||
padding: var(--sp-3) 0; border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.fin-fixed:last-child { border-bottom: none; }
|
||||
.fin-fixed-off .fin-fixed-name, .fin-fixed-off .fin-fixed-amount { color: var(--text-muted); }
|
||||
.fin-fixed-main { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--sp-2); min-width: 0; }
|
||||
.fin-fixed-name { font-weight: 700; overflow-wrap: anywhere; }
|
||||
.fin-fixed-amount { font-weight: 700; }
|
||||
.fin-fixed-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 2px var(--sp-4); font-size: 13px; overflow-wrap: anywhere; }
|
||||
.fin-counter { margin-top: -8px; text-align: right; font-size: 12px; color: var(--text-2); font-variant-numeric: tabular-nums; }
|
||||
.fin-counter-over { color: var(--danger); font-weight: 600; }
|
||||
.fin-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }
|
||||
.fin-kv { margin: 0 0 16px; }
|
||||
.fin-result { font-size: 16px; line-height: 24px; font-weight: 600; }
|
||||
.fin-fixed-form { padding-bottom: 24px; margin-bottom: 8px; border-bottom: 1px solid var(--line); }
|
||||
.fin-form-title { margin: 0 0 16px; font-size: 14px; line-height: 20px; font-weight: 600; }
|
||||
.fin-fixed-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
|
||||
.fin-fixed-form ~ .fin-fixed-list { border-top: 0; } /* das offene Formular schliesst mit seiner eigenen Linie ab */
|
||||
.fin-fixed { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--line); }
|
||||
.fin-fixed-off .fin-fixed-name, .fin-fixed-off .fin-fixed-amount { color: var(--text-2); }
|
||||
.fin-fixed-main { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-width: 0; }
|
||||
.fin-fixed-name { font-weight: 500; overflow-wrap: anywhere; }
|
||||
.fin-fixed-amount { font-weight: 600; }
|
||||
.fin-fixed-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 2px 16px; font-size: 13px; overflow-wrap: anywhere; }
|
||||
.fin-fixed-actions { grid-column: 1 / -1; padding-top: 4px; }
|
||||
@media (max-width: 640px) {
|
||||
.fin-form-grid { grid-template-columns: minmax(0, 1fr); }
|
||||
.fin-bank-facts > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
|
||||
}
|
||||
.fin-fixed-actions button:disabled, .fin-notice button:disabled { cursor: not-allowed; }
|
||||
|
||||
/* ===== ENDE FINANZEN ===== */
|
||||
|
||||
|
||||
Reference in new issue
Block a user