diff options
| author | Adam Mathes <adam@adammathes.com> | 2026-02-16 10:53:59 -0800 |
|---|---|---|
| committer | Adam Mathes <adam@trenchant.org> | 2026-02-16 10:57:38 -0800 |
| commit | 5cf8275540d7162cd4936a7c0e76dbfe7f66b62c (patch) | |
| tree | fdb3c47560f1b1556f7c203f72d50d13f171c95a /frontend-vanilla/src/components/FeedItem.ts | |
| parent | 96e78c5fdfada73d37644083c7580a1d444ed748 (diff) | |
| download | neko-5cf8275540d7162cd4936a7c0e76dbfe7f66b62c.tar.gz neko-5cf8275540d7162cd4936a7c0e76dbfe7f66b62c.tar.bz2 neko-5cf8275540d7162cd4936a7c0e76dbfe7f66b62c.zip | |
V3 UI Polish: Improved keyboard navigation, fixed logo position, and updated branding
- Fix V3 keyboard navigation delay (resolved NK-wjats7)
- Update V3 document title to 'neko' (resolved NK-4p3s91)
- Fix V3 neko logo/button position to be top-left fixed (resolved NK-89za3s)
- Improve FeedItems (React) stability with ref-based index tracking and robust tests
- Sync V3 styling and selection feedback with V2 patterns
- Rebuild production assets
Diffstat (limited to 'frontend-vanilla/src/components/FeedItem.ts')
| -rw-r--r-- | frontend-vanilla/src/components/FeedItem.ts | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/frontend-vanilla/src/components/FeedItem.ts b/frontend-vanilla/src/components/FeedItem.ts index e58aac8..212e9dd 100644 --- a/frontend-vanilla/src/components/FeedItem.ts +++ b/frontend-vanilla/src/components/FeedItem.ts @@ -1,9 +1,9 @@ import type { Item } from '../types'; -export function createFeedItem(item: Item): string { +export function createFeedItem(item: Item, isSelected: boolean = false): string { const date = new Date(item.publish_date).toLocaleDateString(); return ` - <li class="feed-item ${item.read ? 'read' : 'unread'}" data-id="${item._id}"> + <li class="feed-item ${item.read ? 'read' : 'unread'} ${isSelected ? 'selected' : ''}" data-id="${item._id}"> <div class="item-header"> <a href="${item.url}" target="_blank" rel="noopener noreferrer" class="item-title" data-action="open"> ${item.title || '(No Title)'} |
