diff options
| author | Adam Mathes <adam@adammathes.com> | 2026-02-13 14:37:06 -0800 |
|---|---|---|
| committer | Adam Mathes <adam@adammathes.com> | 2026-02-13 14:37:06 -0800 |
| commit | 3ec5a616135d996f1f305d9c0e8b2a232f9722a0 (patch) | |
| tree | 910805af72993da09fe4677430eb021f48ff3857 /frontend | |
| parent | 50c755d25ce1646805eb14c58c98b54c028b895f (diff) | |
| download | neko-3ec5a616135d996f1f305d9c0e8b2a232f9722a0.tar.gz neko-3ec5a616135d996f1f305d9c0e8b2a232f9722a0.tar.bz2 neko-3ec5a616135d996f1f305d9c0e8b2a232f9722a0.zip | |
Remove distracting item selection highlight while keeping keyboard navigation
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/src/components/FeedItems.css | 9 | ||||
| -rw-r--r-- | frontend/src/components/FeedItems.tsx | 2 |
2 files changed, 1 insertions, 10 deletions
diff --git a/frontend/src/components/FeedItems.css b/frontend/src/components/FeedItems.css index 54c882a..31394a4 100644 --- a/frontend/src/components/FeedItems.css +++ b/frontend/src/components/FeedItems.css @@ -13,15 +13,6 @@ padding: 0; } -.selected-item-container { - border-left: 4px solid #007bff; - background-color: #f8f9fa; - padding-left: 0.5rem; - margin-left: -0.5rem; - /* Compensate for padding/border to keep alignment */ - transition: background-color 0.2s; -} - .loading-more { padding: 2rem; text-align: center; diff --git a/frontend/src/components/FeedItems.tsx b/frontend/src/components/FeedItems.tsx index 179d5cd..dcfd867 100644 --- a/frontend/src/components/FeedItems.tsx +++ b/frontend/src/components/FeedItems.tsx @@ -205,7 +205,7 @@ export default function FeedItems() { id={`item-${index}`} key={item._id} data-index={index} - className={index === selectedIndex ? 'selected-item-container' : ''} + data-selected={index === selectedIndex} onClick={() => setSelectedIndex(index)} > <FeedItem item={item} /> |