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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user