diff options
| author | Kagami Sascha Rosylight <saschanaz@outlook.com> | 2023-08-13 05:29:13 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-08-13 12:29:13 +0900 |
| commit | 2896fc6cb4f6f35df4b0a0c22c9be55ad3c8e19a (patch) | |
| tree | 07a88b1b0308768b773fce6078e72bf043147835 /packages/frontend/src/components | |
| parent | build(deps): bump uesteibar/reviewer-lottery from 2 to 3 (#11500) (diff) | |
| download | sharkey-2896fc6cb4f6f35df4b0a0c22c9be55ad3c8e19a.tar.gz sharkey-2896fc6cb4f6f35df4b0a0c22c9be55ad3c8e19a.tar.bz2 sharkey-2896fc6cb4f6f35df4b0a0c22c9be55ad3c8e19a.zip | |
fix(frontend/MkUrlPreview): allow fullscreen from tweets (#11712)
* fix(frontend/MkUrlPreview): allow fullscreen from tweets
* Update url-preview.test.ts
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkUrlPreview.vue | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue index 1a194ae9db..1f9c336eee 100644 --- a/packages/frontend/src/components/MkUrlPreview.vue +++ b/packages/frontend/src/components/MkUrlPreview.vue @@ -28,7 +28,14 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <template v-else-if="tweetId && tweetExpanded"> <div ref="twitter"> - <iframe ref="tweet" scrolling="no" frameborder="no" :style="{ position: 'relative', width: '100%', height: `${tweetHeight}px` }" :src="`https://platform.twitter.com/embed/index.html?embedId=${embedId}&hideCard=false&hideThread=false&lang=en&theme=${defaultStore.state.darkMode ? 'dark' : 'light'}&id=${tweetId}`"></iframe> + <iframe + ref="tweet" + allow="fullscreen;web-share" + sandbox="allow-popups allow-scripts allow-same-origin" + scrolling="no" + :style="{ position: 'relative', width: '100%', height: `${tweetHeight}px`, border: 0 }" + :src="`https://platform.twitter.com/embed/index.html?embedId=${embedId}&hideCard=false&hideThread=false&lang=en&theme=${defaultStore.state.darkMode ? 'dark' : 'light'}&id=${tweetId}`" + ></iframe> </div> <div :class="$style.action"> <MkButton :small="true" inline @click="tweetExpanded = false"> |