diff --git a/packages/frontend/src/components/SkFollowingFeedEntry.vue b/packages/frontend/src/components/SkFollowingFeedEntry.vue index 8fa5e014d8..75539f1de7 100644 --- a/packages/frontend/src/components/SkFollowingFeedEntry.vue +++ b/packages/frontend/src/components/SkFollowingFeedEntry.vue @@ -54,6 +54,7 @@ defineEmits<{ overflow-wrap: break-word; display: flex; contain: content; + cursor: pointer; } .avatar { diff --git a/packages/frontend/src/pages/following-feed.vue b/packages/frontend/src/pages/following-feed.vue index d45f572739..d4bc295c78 100644 --- a/packages/frontend/src/pages/following-feed.vue +++ b/packages/frontend/src/pages/following-feed.vue @@ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only @@ -257,6 +257,21 @@ definePageMetadata(() => ({ margin-bottom: 12px; } +@keyframes border { + from {border-left: 0px solid var(--accent);} + to {border-left: 6px solid var(--accent);} +} + +.selected { + animation: border 0.2s ease-out 0s 1 forwards; + &:first-child { + border-top-left-radius: 5px; + } + &:last-child { + border-bottom-left-radius: 5px; + } +} + @media (min-width: 750px) { .root { grid-template-columns: min-content 4fr 6fr min-content;