feat(HAI-070): add custom scrollbar styles to board

- Add thin scrollbar with border-color theme support via standard properties
- Add WebKit scrollbar pseudo-element styles for cross-browser compatibility
- Apply styles to both app/styles.css and public/style.css
This commit is contained in:
Dustin Byrne
2026-03-26 00:13:39 -04:00
parent 502c2398b4
commit e41d3936d6
2 changed files with 12 additions and 0 deletions

View File

@@ -105,8 +105,14 @@ html, body {
height: calc(100vh - 57px);
overflow-x: auto;
overflow-y: hidden;
scrollbar-color: var(--border) transparent;
scrollbar-width: thin;
}
.board::-webkit-scrollbar { height: 6px; }
.board::-webkit-scrollbar-track { background: transparent; }
.board::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
.column {
display: flex;
flex-direction: column;

View File

@@ -82,8 +82,14 @@ html, body {
height: calc(100vh - 57px);
overflow-x: auto;
overflow-y: hidden;
scrollbar-color: var(--border) transparent;
scrollbar-width: thin;
}
.board::-webkit-scrollbar { height: 6px; }
.board::-webkit-scrollbar-track { background: transparent; }
.board::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
.column {
display: flex;
flex-direction: column;