From bcd188a0e0dab73a88baf97863a342f772c69007 Mon Sep 17 00:00:00 2001 From: syuilo 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 208c560f8..37c73c0d6 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 4eef95af5..38f0f7066 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) => {