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

feat(usability): label booking actions and enlarge row targets (U09)

Browse Source
This commit is contained in:
troogs
2026-11-02 19:25:34 +01:00
parent 62e2b7dee8
commit 2d36ab0b88
5 changed files with 57 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Duempelkas.Desktop/wwwroot/css/app.css
+13
View File
@@ -641,3 +641,16 @@ fieldset { border: 0; margin: 0; padding: 0; }
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-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); }
.entry-list table, .entry-list tbody { display: block; width: 100%; }
.entry-list tbody tr { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--color-border); border-radius: .5rem; padding: .6rem; margin-bottom: .75rem; }
.entry-list td { display: block; border: 0; min-width: 0; padding: .3rem; text-align: left !important; }
.entry-list td::before { content: attr(data-label); display: block; color: var(--color-text-muted); font-size: .85rem; }
.entry-list .entry-description, .entry-list .entry-actions { grid-column: 1 / -1; }
}