refine notification filtering to exclude explicitly unseen notifications

This commit is contained in:
pa
2026-02-22 21:26:48 +09:00
committed by Natsumi
parent 581933f873
commit 8296d31e67
5 changed files with 13 additions and 10 deletions

View File

@@ -155,7 +155,7 @@ img.friends-list-avatar {
}
.x-friend-item > .avatar.joinme::after {
background: #409eff;
background: #00b8ff;
mask-image: url(/images/masks/joinme.svg);
}
@@ -241,7 +241,7 @@ i.x-user-status.online {
}
i.x-user-status.joinme {
background: #409eff;
background: #00b8ff;
mask-image: url(/images/masks/joinme.svg);
}
@@ -260,7 +260,7 @@ i.x-status-icon.green {
}
i.x-status-icon.blue {
background: #409eff;
background: #00b8ff;
}
i.x-status-icon.orange {

View File

@@ -145,6 +145,7 @@ export const useNotificationStore = defineStore('Notification', () => {
friendNotifications.value.filter(
(n) =>
!unseenSet.value.has(n.id) &&
n.seen !== false &&
getNotificationTs(n) > recentCutoff.value
)
);
@@ -152,6 +153,7 @@ export const useNotificationStore = defineStore('Notification', () => {
groupNotifications.value.filter(
(n) =>
!unseenSet.value.has(n.id) &&
n.seen !== false &&
getNotificationTs(n) > recentCutoff.value
)
);
@@ -159,6 +161,7 @@ export const useNotificationStore = defineStore('Notification', () => {
otherNotifications.value.filter(
(n) =>
!unseenSet.value.has(n.id) &&
n.seen !== false &&
getNotificationTs(n) > recentCutoff.value
)
);

View File

@@ -159,8 +159,8 @@
.friend-card__status-dot--active-join {
background: transparent;
border: calc(2px * var(--card-scale)) solid #409eff;
box-shadow: 0 0 calc(8px * var(--card-scale)) color-mix(in oklch, #409eff 40%, transparent);
border: calc(2px * var(--card-scale)) solid #00b8ff;
box-shadow: 0 0 calc(8px * var(--card-scale)) color-mix(in oklch, #00b8ff 40%, transparent);
}
.friend-card__status-dot--active-ask {
@@ -176,8 +176,8 @@
}
.friend-card__status-dot--join {
background: #409eff;
box-shadow: 0 0 calc(8px * var(--card-scale)) color-mix(in oklch, #409eff 40%, transparent);
background: #00b8ff;
box-shadow: 0 0 calc(8px * var(--card-scale)) color-mix(in oklch, #00b8ff 40%, transparent);
}
.friend-card__status-dot--busy {

View File

@@ -1353,10 +1353,10 @@
</template>
<template v-else-if="feed.type === 'OnPlayerJoined'">
<span style="margin-left: 10px; color: #a3a3a3">has joined</span>
<span v-if="feed.platform === 'Desktop'" style="color: #409eff; margin-left: 10px"
<span v-if="feed.platform === 'Desktop'" style="color: #00b8ff; margin-left: 10px"
>Desktop</span
>
<span v-else-if="feed.platform === 'VR'" style="color: #409eff; margin-left: 10px">VR</span>
<span v-else-if="feed.platform === 'VR'" style="color: #00b8ff; margin-left: 10px">VR</span>
<span v-else-if="feed.platform === 'Quest'" style="color: #67c23a; margin-left: 10px"
>Android</span
>

View File

@@ -400,7 +400,7 @@ i.x-user-status.online {
}
i.x-user-status.joinme {
background: #409eff;
background: #00b8ff;
mask-image: url(/images/masks/joinme.svg);
}