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

fix(helpdesk): add vertical dividers between performance stat columns

Browse Source 
Subtle border-left separates the three insight areas for better
readability. On mobile, switches to border-top between stacked items.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Felix Schneider
2026-04-05 20:17:15 +02:00
parent 82266fb289
commit e819e235a2
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -312,10 +312,22 @@
padding: calc(var(--app-spacing) * 0.65) calc(var(--app-spacing) * 0.75);
}
.helpdesk-team-perf-grid > :nth-child(n+2) {
border-left: 1px solid var(--app-muted-border-color);
padding-left: calc(var(--app-spacing) * 0.75);
}
@media (max-width: 760px) {
.helpdesk-team-perf-grid {
grid-template-columns: minmax(0, 1fr);
}
.helpdesk-team-perf-grid > :nth-child(n+2) {
border-left: none;
padding-left: 0;
border-top: 1px solid var(--app-muted-border-color);
padding-top: calc(var(--app-spacing) * 0.5);
}
}
.helpdesk-team-perf-stat-label {