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