jgitta/senior-kiosk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

deploy: increase accordion height and add premium scrollbar

Browse Source
This commit is contained in:
Jozsef Gtta
2026-05-27 14:14:09 +00:00
parent 598bd83887
commit 79b6d4857d
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
news.html
+21 -1
View File
@@ -19,6 +19,26 @@
padding: 30px 20px; padding: 30px 20px;
} }
/* Extra-wide custom high-contrast scrollbar for senior usability */
::-webkit-scrollbar {
width: 18px;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3);
border: 4px solid transparent;
border-radius: 9px;
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.5);
border: 4px solid transparent;
border-radius: 9px;
background-clip: padding-box;
}
/* Frosted glass container */ /* Frosted glass container */
.container { .container {
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
@@ -129,7 +149,7 @@
} }
.story-card.open .story-body { .story-card.open .story-body {
max-height: 1000px; /* arbitrary high value to animate cleanly */ max-height: 3000px; /* high value to guarantee no truncation */
transition: max-height 0.3s ease-in; transition: max-height 0.3s ease-in;
} }