fa/breadcrumb-the-shire
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(helpdesk): consolidate card content into compact fact pills

Browse Source 
Remove duplicate metrics row and reason list. Replace with a single
row of compact pills: '5 open', '2 critical' (orange), '1 SLA' (orange),
'↑3' (orange) or '↓2'. No bullet points — pills as flex-wrap row.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Felix Schneider
2026-04-06 00:43:35 +02:00
parent caa1e430a3
commit d5d1e22e87
2 changed files with 32 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
modules/helpdesk/web/css/helpdesk.css
View File

@@ -609,36 +609,28 @@
background: var(--app-success, #198754);
}
.helpdesk-risk-card-metrics {
display: flex;
flex-wrap: wrap;
gap: calc(var(--app-spacing) * 0.3);
margin-bottom: calc(var(--app-spacing) * 0.35);
font-size: var(--text-xs, 0.75rem);
}
.helpdesk-risk-card-metric {
padding: 0.1em 0.45em;
border-radius: var(--app-border-radius, 0.25rem);
background: color-mix(in srgb, var(--app-muted-border-color) 40%, transparent);
color: var(--app-muted-color);
}
.helpdesk-risk-card-metric-warn {
background: color-mix(in srgb, var(--app-warning, #f59e0b) 15%, transparent);
color: var(--app-warning, #f59e0b);
font-weight: 600;
}
.helpdesk-risk-card-reasons {
list-style: none;
margin: 0;
margin: calc(var(--app-spacing) * 0.25) 0 0;
padding: 0;
font-size: var(--text-xs, 0.75rem);
color: var(--app-muted-color);
display: flex;
flex-direction: column;
gap: 0.15em;
flex-wrap: wrap;
gap: calc(var(--app-spacing) * 0.25);
}
.helpdesk-risk-card-reasons li {
padding: 0.1em 0.4em;
border-radius: var(--app-border-radius, 0.25rem);
background: color-mix(in srgb, var(--app-muted-border-color) 30%, transparent);
}
.helpdesk-risk-card-reason-warn {
background: color-mix(in srgb, var(--app-warning, #f59e0b) 15%, transparent);
color: var(--app-warning, #f59e0b);
font-weight: 600;
}
.helpdesk-risk-card-driver-bar {