diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md index 26f2a11f6f..ffb0b5581e 100644 --- a/CHANGELOG_CHERRYPICK.md +++ b/CHANGELOG_CHERRYPICK.md @@ -36,6 +36,7 @@ - about-misskey 페이지에서 클라이언트 버전을 누르면 변경 사항을 볼 수 있음 - 새로운 신고가 있는 경우, 네비게이션 바의 제어판 아이콘과 제어판 페이지의 신고 섹션에 점을 표시 - Enhance: 제어판 - 신고 페이지의 버튼 가독성 향상 +- Enhance: 「모달에 흐림 효과 사용」옵션이 비활성화된 경우, 이미지를 탭하여 표시할 때 표시되는 배경을 어둡게 조정 - Fix: (Friendly) 흐림 효과를 사용할 때 하단 내비게이션 바의 가독성이 매우 떨어지는 문제 - Fix: 움직임이 있는 MFM 설정을 사용하지 않아도 `$[rainbow ]`문자를 볼 수 있음 (misskey-dev/misskey#11361) - Fix: 모바일에서 헤더의 디자인을 변경하면 흐림 효과가 강제됨 diff --git a/packages/frontend/src/components/MkMediaList.vue b/packages/frontend/src/components/MkMediaList.vue index 7c082d3649..cf5514748d 100644 --- a/packages/frontend/src/components/MkMediaList.vue +++ b/packages/frontend/src/components/MkMediaList.vue @@ -169,7 +169,7 @@ onMounted(() => { return item; }), gallery: gallery.value, - mainClass: 'pswp', + mainClass: defaultStore.state.useBlurEffectForModal ? 'pswp' : 'pswpX2', children: '.image', thumbSelector: '.image', loop: false, @@ -348,6 +348,11 @@ const previewable = (file: misskey.entities.DriveFile): boolean => { --pswp-root-z-index: var(--mk-pswp-root-z-index, 2000700) !important; --pswp-bg: var(--modalBg) !important; } + +:global(.pswpX2) { + --pswp-root-z-index: var(--mk-pswp-root-z-index, 2000700) !important; + --pswp-bg: var(--modalBgX2) !important; +}