fedi/mastodon
1
0
Fork 1
mirror of https://github.com/mastodon/mastodon.git synced 2024-11-08 08:44:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change background color of notifications on private messages (#31657)

Browse source
This commit is contained in:
Claire 2024-08-30 11:42:48 +02:00 committed by GitHub
parent 35538fe694
commit 3ddeaca863
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
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/mastodon/features/notifications_v2/components/notification_group_with_status.tsx
View file

@ -9,7 +9,7 @@ import { navigateToStatus } from 'mastodon/actions/statuses';
import type { IconProp } from 'mastodon/components/icon';
import { Icon } from 'mastodon/components/icon';
import { RelativeTimestamp } from 'mastodon/components/relative_timestamp';
import { useAppDispatch } from 'mastodon/store';
import { useAppSelector, useAppDispatch } from 'mastodon/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/styles/mastodon/components.scss
View file

@ -1626,7 +1626,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 {