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;
}