diff --git a/routes/_components/status/Notification.html b/routes/_components/status/Notification.html index ad23608..da78f9b 100644 --- a/routes/_components/status/Notification.html +++ b/routes/_components/status/Notification.html @@ -10,7 +10,7 @@ aria-posinset="{{index}}" aria-setsize="{{length}}" >
- +
{{/if}} diff --git a/routes/_components/status/Status.html b/routes/_components/status/Status.html index a7e225b..0c423d7 100644 --- a/routes/_components/status/Status.html +++ b/routes/_components/status/Status.html @@ -3,15 +3,15 @@ aria-posinset="{{index}}" aria-setsize="{{length}}" on:recalculateHeight> {{#if (notification && (notification.type === 'reblog' || notification.type === 'favourite')) || status.reblog}} - + {{/if}} - + {{#if originalStatus.spoiler_text}} - + {{/if}} {{#if !originalStatus.spoiler_text || spoilerShown}} - + {{/if}} {{#if originalStatus.media_attachments && originalStatus.media_attachments.length}} @@ -72,9 +72,12 @@ computed: { originalStatus: (status) => status.reblog ? status.reblog : status, statusId: (originalStatus) => originalStatus.id, - contextualStatusId: ($currentInstance, timelineType, timelineValue, status) => `${$currentInstance}/${timelineType}/${timelineValue}/${status.id}`, + contextualStatusId: ($currentInstance, timelineType, timelineValue, status, notification) => { + return `${$currentInstance}/${timelineType}/${timelineValue}/${notification ? notification.id : ''}/${status.id}` + }, originalAccount: (originalStatus) => originalStatus.account, isStatusInOwnThread: (timelineType, timelineValue, statusId) => timelineType === 'status' && timelineValue === statusId, + isStatusInNotification: (status, notification) => notification && notification.status && notification.type !== 'mention' && notification.status.id === status.id, spoilerShown: ($spoilersShown, contextualStatusId) => !!$spoilersShown[contextualStatusId] } } diff --git a/routes/_components/status/StatusAuthor.html b/routes/_components/status/StatusAuthor.html index 1e0c1d3..4ae011d 100644 --- a/routes/_components/status/StatusAuthor.html +++ b/routes/_components/status/StatusAuthor.html @@ -1,4 +1,4 @@ -
+
{{status.account.display_name || status.account.username}} @@ -25,7 +25,13 @@ min-width: 0; } - :global(.status-author a, .status-author a:visited, .status-author a:hover, .status-author .status-author-handle) { + :global( + .status-author a, + .status-author a:visited, + .status-author a:hover, + .status-author + .status-author-handle + ) { color: var(--deemphasized-text-color); } @@ -62,6 +68,17 @@ :global(.status-author-date:hover) { color: var(--deemphasized-text-color); } + + :global( + .status-author.status-in-notification, + .status-author.status-in-notification a, + .status-author.status-in-notification a:visited, + .status-author.status-in-notification a:hover, + .status-author.status-in-notification .status-author-handle + ) { + color: var(--very-deemphasized-text-color); + } +