diff options
| author | ikasoba <57828948+ikasoba@users.noreply.github.com> | 2024-01-17 13:26:36 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-17 13:26:36 +0900 |
| commit | bc5aebe956c975ba1ef1d97bc9c892cf36b44389 (patch) | |
| tree | f25f6f9ae1278554325e24de894448e27ab43c32 | |
| parent | (style) sticky系フッターのデザイン調整 (#13005) (diff) | |
| download | misskey-bc5aebe956c975ba1ef1d97bc9c892cf36b44389.tar.gz misskey-bc5aebe956c975ba1ef1d97bc9c892cf36b44389.tar.bz2 misskey-bc5aebe956c975ba1ef1d97bc9c892cf36b44389.zip | |
enhance(frontend): ページ遷移時にPlayerを閉じるように (#13013)
* なんかできた
* update changelog.md
* onDeactivatedを使うように
| -rw-r--r-- | CHANGELOG.md | 1 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkUrlPreview.vue | 6 | ||||
| -rw-r--r-- | packages/frontend/src/index.html | 3 |
3 files changed, 8 insertions, 2 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 945b6ac1ad..72cd8fef4b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -34,6 +34,7 @@ - Fix: v2023.12.0で追加された「モデレーターがユーザーのアイコンもしくはバナー画像を未設定状態にできる機能」が管理画面上で正しく表示されていない問題を修正 - Fix: AiScriptの`readline`関数が不正な値を返すことがある問題のv2023.12.0時点での修正がPlay以外に適用されていないのを修正 - Fix: v2023.12.1で追加された`$[clickable ...]`および`onClickEv`が正しく機能していないのを修正 +- Enhance: ページ遷移時にPlayerを閉じるように ### Server - Enhance: 連合先のレートリミットに引っかかった際にリトライするようになりました diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue index 54f23780c2..2dcb5f226d 100644 --- a/packages/frontend/src/components/MkUrlPreview.vue +++ b/packages/frontend/src/components/MkUrlPreview.vue @@ -83,7 +83,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { defineAsyncComponent, onUnmounted, ref } from 'vue'; +import { defineAsyncComponent, onDeactivated, onUnmounted, ref } from 'vue'; import type { summaly } from '@misskey-dev/summaly'; import { url as local } from '@/config.js'; import { i18n } from '@/i18n.js'; @@ -131,6 +131,10 @@ const embedId = `embed${Math.random().toString().replace(/\D/, '')}`; const tweetHeight = ref(150); const unknownUrl = ref(false); +onDeactivated(() => { + playerEnabled.value = false; +}); + const requestUrl = new URL(props.url); if (!['http:', 'https:'].includes(requestUrl.protocol)) throw new Error('invalid url'); diff --git a/packages/frontend/src/index.html b/packages/frontend/src/index.html index 11555ea18a..f6f1f7c864 100644 --- a/packages/frontend/src/index.html +++ b/packages/frontend/src/index.html @@ -22,7 +22,8 @@ style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: www.google.com xn--931a.moe localhost:3000 localhost:5173 127.0.0.1:5173 127.0.0.1:3000; media-src 'self' localhost:3000 localhost:5173 127.0.0.1:5173 127.0.0.1:3000; - connect-src 'self' localhost:3000 localhost:5173 127.0.0.1:5173 127.0.0.1:3000 https://newassets.hcaptcha.com;" + connect-src 'self' localhost:3000 localhost:5173 127.0.0.1:5173 127.0.0.1:3000 https://newassets.hcaptcha.com; + frame-src *;" /> <meta property="og:site_name" content="[DEV BUILD] Misskey" /> <meta name="viewport" content="width=device-width, initial-scale=1"> |