From 9dd62c0a874659b2917d62c48823e9c3a8050831 Mon Sep 17 00:00:00 2001
From: "Henrik.Askjer" <henrik.askjer@uib.no>
Date: Wed, 28 Jul 2021 14:33:43 +0200
Subject: [PATCH] Add share button
---
src/components/ArticleFooter.vue | 20 +++++++++++---------
1 file changed, 11 insertions(+), 9 deletions(-)
diff --git a/src/components/ArticleFooter.vue b/src/components/ArticleFooter.vue
index 91aa8c9b..ff709421 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 {
--
GitLab