From bcd188a0e0dab73a88baf97863a342f772c69007 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Thu, 2 Dec 2021 20:20:40 +0900
Subject: [PATCH] enhance(client): make possible to close image dialog with
click
Related #8023
---
CHANGELOG.md | 1 +
packages/client/src/components/media-list.vue | 11 ++++++++++-
2 files changed, 11 insertions(+), 1 deletion(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 208c560f8a..37c73c0d64 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,7 @@
- API: /antennas/notes API で日付による絞り込みができるように
- クライアント: アンケートに投票する際に確認ダイアログを出すように
- クライアント: Renoteなノート詳細ページから元のノートページに遷移できるように
+- クライアント: 画像ポップアップでクリックで閉じられるように
### Bugfixes
- クライアント: LTLやGTLが無効になっている場合でもUI上にタブが表示される問題を修正
diff --git a/packages/client/src/components/media-list.vue b/packages/client/src/components/media-list.vue
index 4eef95af54..38f0f70662 100644
--- a/packages/client/src/components/media-list.vue
+++ b/packages/client/src/components/media-list.vue
@@ -53,7 +53,16 @@ export default defineComponent({
gallery: gallery.value,
children: '.image',
thumbSelector: '.image',
- pswpModule: PhotoSwipe
+ loop: false,
+ padding: {
+ top: 32,
+ bottom: 32,
+ left: 32,
+ right: 32,
+ },
+ imageClickAction: 'close',
+ tapAction: 'toggle-controls',
+ pswpModule: PhotoSwipe,
});
lightbox.on('itemData', (e) => {