diff --git a/packages/frontend/src/components/SkFollowingRecentNotes.vue b/packages/frontend/src/components/SkFollowingRecentNotes.vue
index 35fa83812f..6daa8feba5 100644
--- a/packages/frontend/src/components/SkFollowingRecentNotes.vue
+++ b/packages/frontend/src/components/SkFollowingRecentNotes.vue
@@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
- selectUser(u.id)"/>
+ selectUser(u.id)"/>
@@ -42,6 +42,7 @@ const props = defineProps<{
withReplies: boolean;
withBots: boolean;
onlyFiles: boolean;
+ selectedUserId?: string | null;
}>();
const emit = defineEmits<{
@@ -119,4 +120,25 @@ function checkMute(note: Misskey.entities.Note | undefined | null, mutes: Mutes)
.panel {
background: var(--panel);
}
+
+@keyframes border {
+ from {
+ border-left: 0 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;
+ }
+}
diff --git a/packages/frontend/src/pages/following-feed.vue b/packages/frontend/src/pages/following-feed.vue
index 21e76b9094..91f74b2cf9 100644
--- a/packages/frontend/src/pages/following-feed.vue
+++ b/packages/frontend/src/pages/following-feed.vue
@@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
+