diff --git a/src/components/ArticleFooter.vue b/src/components/ArticleFooter.vue index 91aa8c9b85175964b8e2d1d1a47b86ff193d8ff0..ff7094211cb91ecd3fff3abf74b5a82fdb95cf74 100644 --- a/src/components/ArticleFooter.vue +++ b/src/components/ArticleFooter.vue @@ -1,12 +1,6 @@ <template> <div class="article_footer"> - <span v-if="webShareApiSupported"> - <button class="share_button" @click="shareViaWebShare"> - <span class = "share_text">Del ordet</span> - <v-icon dense>$vuetify.icons.share</v-icon> - </button> - </span> - <span v-else> + <span v-if="hasPointer"> <button class="share_button"> <ShareNetwork network="facebook" title="" @@ -23,7 +17,11 @@ <v-icon dense>$vuetify.icons.twitter</v-icon> </ShareNetwork> </button> - </span> + </span> + <button v-if="webShareApiSupported" class="share_button" @click="shareViaWebShare"> + <span v-if="!hasPointer" class = "share_text">Del ordet</span> + <v-icon dense>$vuetify.icons.share</v-icon> + </button> <div class = "footer_title">Ordbøkene.no </div> </div> @@ -43,7 +41,10 @@ export default { }[this.article.dictionary] + ': ' + this.article.lemmas[0].lemma || '' }, webShareApiSupported() { - return navigator.share && !(navigator.platform==="Win64" || navigator.platform==="Win32") + return navigator.share + }, + hasPointer() { + return window.matchMedia('(hover: hover) and (pointer: fine)').matches }, share_link: function() { let host = window.location.hostname === 'localhost'? 'https://dev.ordbok.uib.no/' : window.location.href @@ -66,6 +67,7 @@ export default { .share_text { padding-right: 10px; + vertical-align: middle; } .v-icon {