From 8fd742141caf1eba8891f3c7cbdad880b1925e60 Mon Sep 17 00:00:00 2001 From: fs Date: Sun, 5 Apr 2026 19:25:57 +0200 Subject: [PATCH] fix(helpdesk): add border card around each agent widget for separation Each agent section gets a border + border-radius wrapper. The inner ticket table drops its own border to avoid double borders. Co-Authored-By: Claude Opus 4.6 (1M context) --- modules/helpdesk/web/css/helpdesk.css | 17 +++++++++++++++++ modules/helpdesk/web/js/helpdesk-team.js | 2 +- 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/modules/helpdesk/web/css/helpdesk.css b/modules/helpdesk/web/css/helpdesk.css index d09cb0a..38bc5b2 100644 --- a/modules/helpdesk/web/css/helpdesk.css +++ b/modules/helpdesk/web/css/helpdesk.css @@ -126,6 +126,23 @@ } } + /* Team workload — agent widget card */ + .helpdesk-team-widget { + border: 1px solid var(--app-muted-border-color); + border-radius: var(--app-radius, 0.375rem); + padding: calc(var(--app-spacing) * 0.65) calc(var(--app-spacing) * 0.75); + margin-bottom: calc(var(--app-spacing) * 0.5); + } + + .helpdesk-team-widget > .helpdesk-support-section-title { + margin-top: 0; + } + + .helpdesk-team-widget > .helpdesk-team-ticket-table { + border: none; + border-radius: 0; + } + /* Team workload — inline avatar for section titles */ .helpdesk-team-avatar-inline { display: inline-flex; diff --git a/modules/helpdesk/web/js/helpdesk-team.js b/modules/helpdesk/web/js/helpdesk-team.js index 9f67d68..3898e35 100644 --- a/modules/helpdesk/web/js/helpdesk-team.js +++ b/modules/helpdesk/web/js/helpdesk-team.js @@ -75,7 +75,7 @@ if (container) { * Build a section widget for one agent — mirrors debitor dashboard section pattern. */ function buildAgentWidget(m, isQueue) { - const section = h('section'); + const section = h('section', 'helpdesk-team-widget'); // Section title: "MM Name (count)" with line — same as helpdesk-support-section-title const title = h('h3', 'helpdesk-support-section-title');