mlogclub
eb04c344a5
- Updated message types in support-host-bridge.ts to use agent-desk prefix. - Added new agent-desk-sdk.min.js file with updated functionality. - Removed old cs-ai-agent-sdk.min.js file. - Modified build-sdk script to generate agent-desk-sdk.min.js. - Changed scrollbar class names in main.scss from cs-ai-agent to agent-desk.
45 lines
969 B
SCSS
45 lines
969 B
SCSS
// Native thin scrollbar aligned with the widget, used by chat message lists.
|
|
// Imported from app/layout.tsx with the rest of the global styles.
|
|
|
|
$thumb: #cbd5e1;
|
|
$thumb-hover: #94a3b8;
|
|
|
|
.agent-desk-scrollbar {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: $thumb transparent;
|
|
|
|
&::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
|
|
&::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
border: 2px solid transparent;
|
|
border-radius: 999px;
|
|
background: $thumb;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
background: $thumb-hover;
|
|
background-clip: padding-box;
|
|
}
|
|
}
|
|
|
|
.dark .agent-desk-scrollbar {
|
|
scrollbar-color: hsl(var(--border)) transparent;
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
background: hsl(var(--border));
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
background: hsl(var(--muted-foreground) / 0.45);
|
|
background-clip: padding-box;
|
|
}
|
|
}
|