refactor(helpdesk): reuse segment-control pattern for team period selector

Replace custom button-based period selector with the existing
helpdesk-segment-control radio+label pattern used in the controlling
dashboard. Removes duplicate CSS and ensures visual consistency.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-05 18:49:16 +02:00
parent cae66e5361
commit 0bbc448bcd
3 changed files with 10 additions and 39 deletions

View File

@@ -127,28 +127,6 @@
}
/* Team workload dashboard */
.helpdesk-team-period-selector {
display: inline-flex;
gap: calc(var(--app-spacing) * 0.25);
margin-bottom: calc(var(--app-spacing) * 0.75);
}
.helpdesk-team-period-button {
padding: calc(var(--app-spacing) * 0.25) calc(var(--app-spacing) * 0.6);
font-size: var(--text-sm, 0.875rem);
border: var(--app-border-width) solid var(--app-muted-border-color);
background: var(--app-background-color);
color: var(--app-color);
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
.helpdesk-team-period-button.active {
background: var(--app-primary);
border-color: var(--app-primary);
color: var(--app-primary-inverse);
}
.helpdesk-team-table {
width: 100%;
margin-top: calc(var(--app-spacing) * 0.75);