diff options
| -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} /> |