graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-27 00:03:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

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

30
packages/frontend/src/components/MkUrlPreview.vue
View file

@ -52,19 +52,21 @@
</footer> </footer>
</article> </article>
</component> </component>
<div v-if="tweetId" :class="$style.action"> <template v-if="showActions">
<MkButton :small="true" inline @click="tweetExpanded = true"> <div v-if="tweetId" :class="$style.action">
<i class="ti ti-brand-twitter"></i> {{ i18n.ts.expandTweet }} <MkButton :small="true" inline @click="tweetExpanded = true">
</MkButton> <i class="ti ti-brand-twitter"></i> {{ i18n.ts.expandTweet }}
</div> </MkButton>
<div v-if="!playerEnabled && player.url" :class="$style.action"> </div>
<MkButton :small="true" inline @click="playerEnabled = true"> <div v-if="!playerEnabled && player.url" :class="$style.action">
<i class="ti ti-player-play"></i> {{ i18n.ts.enablePlayer }} <MkButton :small="true" inline @click="playerEnabled = true">
</MkButton> <i class="ti ti-player-play"></i> {{ i18n.ts.enablePlayer }}
<MkButton v-if="!isMobile" :small="true" inline @click="openPlayer()"> </MkButton>
<i class="ti ti-picture-in-picture"></i> {{ i18n.ts.openInWindow }} <MkButton v-if="!isMobile" :small="true" inline @click="openPlayer()">
</MkButton> <i class="ti ti-picture-in-picture"></i> {{ i18n.ts.openInWindow }}
</div> </MkButton>
</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>