djsundog/tootlab-mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2024-11-23 16:44:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Change background color of notifications on private messages

Browse Source 
Port 3ddeaca863 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Claire 2024-08-30 11:42:48 +02:00
parent 4f1da814a8
commit ee2c38fcb8
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/javascript/flavours/glitch/features/notifications_v2/components/notification_group_with_status.tsx
View File

@ -9,7 +9,7 @@ import { navigateToStatus } from 'flavours/glitch/actions/statuses';
import type { IconProp } from 'flavours/glitch/components/icon';
import { Icon } from 'flavours/glitch/components/icon';
import { RelativeTimestamp } from 'flavours/glitch/components/relative_timestamp';
import { useAppDispatch } from 'flavours/glitch/store';
import { useAppSelector, useAppDispatch } from 'flavours/glitch/store';
import { AvatarGroup } from './avatar_group';
import { DisplayedName } from './displayed_name';
@ -60,6 +60,10 @@ export const NotificationGroupWithStatus: React.FC<{
[labelRenderer, accountIds, count, labelSeeMoreHref],
);
const isPrivateMention = useAppSelector(
(state) => state.statuses.getIn([statusId, 'visibility']) === 'direct',
);
const handlers = useMemo(
() => ({
open: () => {
@ -79,7 +83,10 @@ export const NotificationGroupWithStatus: React.FC<{
role='button'
className={classNames(
`notification-group focusable notification-group--${type}`,
{ 'notification-group--unread': unread },
{
'notification-group--unread': unread,
'notification-group--direct': isPrivateMention,
},
)}
tabIndex={0}
>

3
app/javascript/flavours/glitch/styles/components.scss
View File

@ -1795,7 +1795,8 @@ body > [data-popper-placement] {
}
.status__wrapper-direct,
.notification-ungrouped--direct {
.notification-ungrouped--direct,
.notification-group--direct {
background: rgba($ui-highlight-color, 0.05);
&:focus {