diff options
| author | woxtu <woxtup@gmail.com> | 2023-07-21 09:57:21 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-07-21 09:57:21 +0900 |
| commit | 0d2e3df061aaeaf6b6239bb4079f563351d1dfda (patch) | |
| tree | 20b6c4d3c9e71e06087c34b2debcd4a56ec96f98 /packages/frontend/src/components/MkUrlPreview.vue | |
| parent | chore(backend): better error message for unsupported attestation (#11333) (diff) | |
| download | misskey-0d2e3df061aaeaf6b6239bb4079f563351d1dfda.tar.gz misskey-0d2e3df061aaeaf6b6239bb4079f563351d1dfda.tar.bz2 misskey-0d2e3df061aaeaf6b6239bb4079f563351d1dfda.zip | |
Hide action buttons on `MkUrlPreviewPopup` (#11332)
Diffstat (limited to 'packages/frontend/src/components/MkUrlPreview.vue')
| -rw-r--r-- | packages/frontend/src/components/MkUrlPreview.vue | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue index 5c37f70bd9..f7b1b7dfff 100644 --- a/packages/frontend/src/components/MkUrlPreview.vue +++ b/packages/frontend/src/components/MkUrlPreview.vue @@ -52,19 +52,21 @@ </footer> </article> </component> - <div v-if="tweetId" :class="$style.action"> - <MkButton :small="true" inline @click="tweetExpanded = true"> - <i class="ti ti-brand-twitter"></i> {{ i18n.ts.expandTweet }} - </MkButton> - </div> - <div v-if="!playerEnabled && player.url" :class="$style.action"> - <MkButton :small="true" inline @click="playerEnabled = true"> - <i class="ti ti-player-play"></i> {{ i18n.ts.enablePlayer }} - </MkButton> - <MkButton v-if="!isMobile" :small="true" inline @click="openPlayer()"> - <i class="ti ti-picture-in-picture"></i> {{ i18n.ts.openInWindow }} - </MkButton> - </div> + <template v-if="showActions"> + <div v-if="tweetId" :class="$style.action"> + <MkButton :small="true" inline @click="tweetExpanded = true"> + <i class="ti ti-brand-twitter"></i> {{ i18n.ts.expandTweet }} + </MkButton> + </div> + <div v-if="!playerEnabled && player.url" :class="$style.action"> + <MkButton :small="true" inline @click="playerEnabled = true"> + <i class="ti ti-player-play"></i> {{ i18n.ts.enablePlayer }} + </MkButton> + <MkButton v-if="!isMobile" :small="true" inline @click="openPlayer()"> + <i class="ti ti-picture-in-picture"></i> {{ i18n.ts.openInWindow }} + </MkButton> + </div> + </template> </div> </template> @@ -85,9 +87,11 @@ const props = withDefaults(defineProps<{ url: string; detail?: boolean; compact?: boolean; + showActions?: boolean; }>(), { detail: false, compact: false, + showActions: true, }); const MOBILE_THRESHOLD = 500; |