diff --git a/src/components/ArticleFooter.vue b/src/components/ArticleFooter.vue index f43403aaea8a177b3636590c58612a088d7f3c53..053892791a4e5b9a070319e688d9eb866d8fc9b7 100644 --- a/src/components/ArticleFooter.vue +++ b/src/components/ArticleFooter.vue @@ -18,12 +18,11 @@ </template> </v-snackbar> - <v-btn v-if="(!webShareApiSupported || $vuetify.breakpoint.mdAndUp) && navigator.clipboard" + <v-btn v-if="showLinkCopy" x-small depressed class="toolbar-button" rounded tabindex="0" @click="copy_link"> <v-icon small>link</v-icon><span class = "button-text">Kopier lenke</span> </v-btn> - <v-btn v-if="webShareApiSupported" depressed x-small class="toolbar-button" rounded tabindex="0" @click="shareViaWebShare"> <v-icon x-small>share</v-icon><span class = "button-text">Del ordet</span> </v-btn> @@ -65,6 +64,9 @@ export default { webShareApiSupported() { return navigator.share }, + showLinkCopy() { + return (!navigator.share || this.$vuetify.breakpoint.mdAndUp) && navigator.clipboard + }, hasPointer() { return window.matchMedia('(hover: hover) and (pointer: fine)').matches },