Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Improve chat-box scrollbar styling with thin bars, transparency, and hover effects for better UI consistency.

Browse Source
This commit is contained in:
akastijn 2026-07-19 18:48:52 +02:00
parent 915b64cdb0
commit ce6f59b543
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/app/pages/altitude/chat/components/chat/chat-box.component.scss
View File

@ -9,6 +9,25 @@
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
box-sizing: border-box; box-sizing: border-box;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}
.message-container::-webkit-scrollbar {
width: 8px;
}
.message-container::-webkit-scrollbar-track {
background: transparent;
}
.message-container::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.35);
border-radius: 999px;
}
.message-container::-webkit-scrollbar-thumb:hover {
background-color: rgba(255, 255, 255, 0.5);
} }
.message { .message {