troogs/duempelkas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): refine amount entry, date warnings and booking actions

Browse Source
This commit is contained in:
troogs
2026-11-02 20:31:09 +01:00
parent 71eed68e21
commit aa392815e5
17 changed files with 140 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Duempelkas.Desktop/wwwroot/css/app.css
+8 -5
View File
@@ -629,7 +629,6 @@ fieldset { min-width: 0; }
.toast-close { position: absolute; right: .3rem; top: .3rem; background: transparent; border: 0; color: inherit; width: 2rem; height: 2rem; font-size: 1.5rem; }
@keyframes toast-enter { from { transform: translateY(-2rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .app-toast { animation: none; } }
.input-rejection:empty { display: none; }
.app-modal { color: var(--color-text); max-height: calc(100dvh - 2rem); overflow-y: auto; }
.app-modal::backdrop { background: #0009; backdrop-filter: blur(3px); }
@@ -642,9 +641,8 @@ body:has(dialog[open]) .toast-stack:not(.modal-toasts) { display: none; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.entry-actions button, .entry-action-menu summary { min-height: 44px; padding: .6rem; }
.entry-action-menu summary { cursor: pointer; border: 1px solid var(--color-border); border-radius: .4rem; }
.entry-action-menu button { display: block; width: 100%; margin-top: .5rem; }
.entry-actions button { min-height: 44px; min-width: 44px; padding: .6rem; }
.entry-action-buttons { display: flex; gap: .5rem; }
.entry-description { overflow-wrap: anywhere; }
@media (max-width: 900px) {
.entry-list thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
@@ -655,7 +653,12 @@ body:has(dialog[open]) .toast-stack:not(.modal-toasts) { display: none; }
.entry-list .entry-description, .entry-list .entry-actions { grid-column: 1 / -1; }
}
.history-toggle { display: block; padding: .75rem 0; }
.history-toggle { margin-block: 1rem; min-height: 2rem; display: flex; align-items: center; gap: .75rem; }
.history-toggle .form-check-input { flex-shrink: 0; margin-top: 0; }
.booking-year-warning { display: flex; gap: .75rem; align-items: flex-start; }
.booking-year-warning > i { font-size: 1.4rem; }
.booking-year-warning label { display: block; margin-top: .75rem; }
dialog.app-modal { scrollbar-gutter: stable; }
.entry-deleted { opacity: 1 !important; }
.deleted-status { text-decoration: none; color: var(--color-text-muted); margin: .3rem 0; }