From e0a2e7aedc84f8a6f2b56f20edbe72ba800d48b1 Mon Sep 17 00:00:00 2001
From: piuvas <piuvas@proton.me>
Date: Tue, 5 Nov 2024 20:22:56 -0300
Subject: [PATCH 1/2] animations following feed

---
 packages/frontend/src/pages/following-feed.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

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
 
 					<template #default="{ items: notes }">
 						<MkDateSeparatedList v-slot="{ item: note }" :items="notes" :class="$style.panel" :noGap="true">
-							<SkFollowingFeedEntry v-if="!isHardMuted(note)" :isMuted="isSoftMuted(note)" :note="note" @select="userSelected"/>
+							<SkFollowingFeedEntry v-if="!isHardMuted(note)" :isMuted="isSoftMuted(note)" :note="note" :class="selectedUserId == note.userId && $style.selected" @select="userSelected"/>
 						</MkDateSeparatedList>
 					</template>
 				</MkPagination>
@@ -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;

From 7f9a15105571748ca0988eaf38d4f9f413f94bce Mon Sep 17 00:00:00 2001
From: piuvas <piuvas@proton.me>
Date: Tue, 5 Nov 2024 20:27:24 -0300
Subject: [PATCH 2/2] give ff entries clickable pointer

---
 packages/frontend/src/components/SkFollowingFeedEntry.vue | 1 +
 1 file changed, 1 insertion(+)

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 {