Fix sidebar

TODO.md

@@ -18,12 +18,6 @@ Current session management is basic and needs improvement:
   - Consider using Font Awesome's SVG+JS version for better performance
   - Update CSS and HTML references to use local assets
 
-## UI Improvements
-- Fix sidebar scrollbar styling to match the main content area scrollbar
-  - Apply consistent scrollbar styling across the application
-  - Ensure scrollbar is visible but unobtrusive
-  - Match the color scheme and dimensions of the main content area scrollbar
-
 - [ ] Add a timeout to external RSS feed fetching to prevent hanging on slow feeds
   - Use reqwest's timeout feature
   - Consider making the timeout configurable

static/css/components/scrollbar.css

@@ -0,0 +1,25 @@
+/* Custom scrollbar styling */
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: var(--dark-bg);
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--text-muted);
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: var(--text-color);
+}
+
+/* Firefox scrollbar styling */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: var(--text-muted) var(--dark-bg);
+} 

static/css/style.css

@@ -6,6 +6,7 @@
 @import 'components/modal.css';
 @import 'components/feed-entries.css';
 @import 'components/dropdown.css';
+@import 'components/scrollbar.css';
 
 body {
     margin: 0;