diff options
| author | dakkar <dakkar@thenautilus.net> | 2024-11-11 11:14:52 +0000 |
|---|---|---|
| committer | dakkar <dakkar@thenautilus.net> | 2024-11-11 11:14:52 +0000 |
| commit | 917e67d356fc2ad1ca38abfb3a2c4bd32740fe2f (patch) | |
| tree | b03cacb271a8d59dc929e7d5fc647c29004c3781 | |
| parent | merge: Improve performance of notes/following API (!743) (diff) | |
| parent | give ff entries clickable pointer (diff) | |
| download | sharkey-917e67d356fc2ad1ca38abfb3a2c4bd32740fe2f.tar.gz sharkey-917e67d356fc2ad1ca38abfb3a2c4bd32740fe2f.tar.bz2 sharkey-917e67d356fc2ad1ca38abfb3a2c4bd32740fe2f.zip | |
merge: Styling of following feed. (!738)
View MR for information: https://activitypub.software/TransFem-org/Sharkey/-/merge_requests/738
Approved-by: dakkar <dakkar@thenautilus.net>
Approved-by: Marie <github@yuugi.dev>
| -rw-r--r-- | packages/frontend/src/components/SkFollowingFeedEntry.vue | 1 | ||||
| -rw-r--r-- | packages/frontend/src/pages/following-feed.vue | 17 |
2 files changed, 17 insertions, 1 deletions
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 <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; |