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) <noreply@anthropic.com>
This commit is contained in:
2026-04-05 19:25:57 +02:00
parent 49c3741c66
commit 8fd742141c
2 changed files with 18 additions and 1 deletions

View File

@@ -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;

View File

@@ -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');