From 79b6d4857de99df91dbf1763caeaf5a54a5e8f8a Mon Sep 17 00:00:00 2001 From: Joe Gitta Date: Wed, 27 May 2026 14:14:09 +0000 Subject: [PATCH] deploy: increase accordion height and add premium scrollbar --- news.html | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) 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; }