xevion/banner
1
0
Fork 0
mirror of https://github.com/Xevion/banner.git synced 2026-01-31 06:23:37 -06:00
Code Issues Packages Projects Releases 1 Wiki Activity

feat: enhance table scrolling and eliminate initial theme flash

Browse Source
This commit is contained in:
Xevion
2026-01-29 01:18:02 -06:00
parent 841191c44d
commit 57b5cafb27
4 changed files with 82 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/layout.css
+38 -2
View File
@@ -64,8 +64,8 @@ body {
margin: 0;
}
body,
body * {
html:not(.no-transition) body,
html:not(.no-transition) body * {
transition: background-color 300ms, color 300ms, border-color 300ms, fill 300ms;
}
@@ -105,6 +105,42 @@ body::-webkit-scrollbar {
display: none;
}
/* Native scrollbars — theme-aware styling for inner scrollable elements */
* {
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}
.dark * {
scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.25);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.35);
}
.dark ::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3);
}
.dark ::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.4);
}
@keyframes pulse {
0%,
100% {