From e52a9e0a6529a9c739c5237c165b68861a9390dc Mon Sep 17 00:00:00 2001 From: syuilo Date: Mon, 25 Oct 2021 02:28:18 +0900 Subject: [PATCH] feat(client): Improve image viewer Resolve #7545 Resolve #6811 Close #7808 --- CHANGELOG.md | 5 ++ package.json | 1 + src/client/components/media-image.vue | 12 --- src/client/components/media-list.vue | 107 ++++++++++++++------------ yarn.lock | 4 + 5 files changed, 67 insertions(+), 62 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 0bb427e8e..44e928144 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,11 +10,16 @@ ## 12.x.x (unreleased) ### Improvements +- クライアント: 画像ビューアを強化 - クライアント: メンションにユーザーのアバターを表示するように - クライアント: デザインの調整 - クライアント: twemojiをセルフホスティングするように ### Bugfixes +- クライアント: CWで画像が隠されたとき、画像の高さがおかしいことになる問題を修正 + +### NOTE +- このバージョンから、iOS 15未満のサポートがされなくなります。対象のバージョンをお使いの方は、iOSのバージョンアップを行ってください。 ## 12.93.2 (2021/10/23) diff --git a/package.json b/package.json index 3d43caba6..0e231aa3b 100644 --- a/package.json +++ b/package.json @@ -183,6 +183,7 @@ "os-utils": "0.0.14", "parse5": "6.0.1", "pg": "8.7.1", + "photoswipe": "git://github.com/dimsemenov/photoswipe#v5-beta", "portscanner": "2.2.0", "postcss": "8.3.11", "postcss-loader": "6.2.0", diff --git a/src/client/components/media-image.vue b/src/client/components/media-image.vue index 863eb1027..fd5e0b5f9 100644 --- a/src/client/components/media-image.vue +++ b/src/client/components/media-image.vue @@ -12,7 +12,6 @@
GIF
@@ -73,17 +72,6 @@ export default defineComponent({ immediate: true, }); }, - methods: { - onClick() { - if (this.$store.state.imageNewTab) { - window.open(this.image.url, '_blank'); - } else { - os.popup(ImageViewer, { - image: this.image - }, {}, 'closed'); - } - } - } }); diff --git a/src/client/components/media-list.vue b/src/client/components/media-list.vue index 71767a0f9..c1ec6147f 100644 --- a/src/client/components/media-list.vue +++ b/src/client/components/media-list.vue @@ -1,11 +1,11 @@