mirror/misskey
1
0
Fork 0
mirror of https://github.com/misskey-dev/misskey synced 2024-12-01 08:18:51 +09:00
Code

Hide action buttons on MkUrlPreviewPopup (#11332)

Browse Source
This commit is contained in:
woxtu 2023-07-21 09:57:21 +09:00 committed by GitHub
parent 64c142b1ca
commit 0d2e3df061
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/src/components/MkUrlPreview.vue
View File

@ -52,6 +52,7 @@
</footer> </footer>
</article> </article>
</component> </component>
<template v-if="showActions">
<div v-if="tweetId" :class="$style.action"> <div v-if="tweetId" :class="$style.action">
<MkButton :small="true" inline @click="tweetExpanded = true"> <MkButton :small="true" inline @click="tweetExpanded = true">
<i class="ti ti-brand-twitter"></i> {{ i18n.ts.expandTweet }} <i class="ti ti-brand-twitter"></i> {{ i18n.ts.expandTweet }}
@ -65,6 +66,7 @@
<i class="ti ti-picture-in-picture"></i> {{ i18n.ts.openInWindow }} <i class="ti ti-picture-in-picture"></i> {{ i18n.ts.openInWindow }}
</MkButton> </MkButton>
</div> </div>
</template>
</div> </div>
</template> </template>
@ -85,9 +87,11 @@ const props = withDefaults(defineProps<{
url: string; url: string;
detail?: boolean; detail?: boolean;
compact?: boolean; compact?: boolean;
showActions?: boolean;
}>(), { }>(), {
detail: false, detail: false,
compact: false, compact: false,
showActions: true,
}); });
const MOBILE_THRESHOLD = 500; const MOBILE_THRESHOLD = 500;

2
packages/frontend/src/components/MkUrlPreviewPopup.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="$style.root" :style="{ zIndex, top: top + 'px', left: left + 'px' }"> <div :class="$style.root" :style="{ zIndex, top: top + 'px', left: left + 'px' }">
<Transition :name="defaultStore.state.animation ? '_transition_zoom' : ''" @afterLeave="emit('closed')"> <Transition :name="defaultStore.state.animation ? '_transition_zoom' : ''" @afterLeave="emit('closed')">
<MkUrlPreview v-if="showing" class="_popup _shadow" :url="url"/> <MkUrlPreview v-if="showing" class="_popup _shadow" :url="url" :showActions="false"/>
</Transition> </Transition>
</div> </div>
</template> </template>