diff --git a/news.html b/news.html index 1865b49..2017f0a 100644 --- a/news.html +++ b/news.html @@ -19,6 +19,26 @@ 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 */ .container { background: rgba(0, 0, 0, 0.4); @@ -129,7 +149,7 @@ } .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; }