diff --git a/TODO.md b/TODO.md index 36bf2ed..b9852b1 100644 --- a/TODO.md +++ b/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 diff --git a/static/css/components/scrollbar.css b/static/css/components/scrollbar.css new file mode 100644 index 0000000..119ea40 --- /dev/null +++ b/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); +} \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index f4b71c4..e9d7fa1 100644 --- a/static/css/style.css +++ b/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;