worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

enhance(client): ぼかし効果を無効にすると、通知を不透明に表示するように

Browse source
This commit is contained in:
NoriDev 2023-07-04 21:17:06 +09:00
parent 56c60b1ae8
commit ef64aef2d6
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG_CHERRYPICK.md
View file

@ -52,6 +52,7 @@
- 네비게이션 바의 블러 처리 추가 - 네비게이션 바의 블러 처리 추가
- 헤더의 블러 설정 추가 - 헤더의 블러 설정 추가
- 「이미 팔로우한 경우 알림 필드에 팔로우 버튼을 표시하지 않음」설정 사용 시, 팔로우 했다는 문구를 표시하도록 - 「이미 팔로우한 경우 알림 필드에 팔로우 버튼을 표시하지 않음」설정 사용 시, 팔로우 했다는 문구를 표시하도록
- 흐림 효과를 비활성화 하면 알림을 불투명하게 표시하도록
- Fix: 그룹 초대 알림 아이콘이 잘못 표시되는 문제 - Fix: 그룹 초대 알림 아이콘이 잘못 표시되는 문제
- Fix: 노트 디자인이 올바르지 않게 표시되는 문제 - Fix: 노트 디자인이 올바르지 않게 표시되는 문제
- Fix: 프로필 아이콘이 투명일 때 노트 답글선이 비치는 문제 - Fix: 프로필 아이콘이 투명일 때 노트 답글선이 비치는 문제

7
packages/frontend/src/ui/_common_/notification.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div :class="$style.root"> <div :class="$style.root">
<XNotification :notification="notification" class="notification _acrylic" :full="false"/> <XNotification :notification="notification" :class="{ [$style.reduceBlurEffect]: !defaultStore.state.useBlurEffect }" class="notification _acrylic" :full="false"/>
</div> </div>
</template> </template>
@ -8,6 +8,7 @@
import { } from 'vue'; import { } from 'vue';
import * as misskey from 'cherrypick-js'; import * as misskey from 'cherrypick-js';
import XNotification from '@/components/MkNotification.vue'; import XNotification from '@/components/MkNotification.vue';
import { defaultStore } from '@/store';
defineProps<{ defineProps<{
notification: misskey.entities.Notification; notification: misskey.entities.Notification;
@ -21,4 +22,8 @@ defineProps<{
overflow: clip; overflow: clip;
contain: content; contain: content;
} }
.reduceBlurEffect {
background: var(--panel) !important;
}
</style> </style>