From c2e79ac90e262b8699fefc78df2595cc43288a58 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Wed, 15 Dec 2021 20:43:11 +0100
Subject: [PATCH] text butons in article toolbar
---
src/components/ArticleFooter.vue | 13 ++++++++-----
1 file changed, 8 insertions(+), 5 deletions(-)
diff --git a/src/components/ArticleFooter.vue b/src/components/ArticleFooter.vue
index 91678202..d91e987f 100644
--- a/src/components/ArticleFooter.vue
+++ b/src/components/ArticleFooter.vue
@@ -11,20 +11,22 @@
<span class="text-center">{{$t(what_copied)}}</span>
</v-snackbar>
-
+ <v-card-actions>
<v-btn v-if="showLinkCopy"
- small depressed class="toolbar-button" rounded @click="copy_link">
+ small text class="toolbar-button" rounded @click="copy_link">
<v-icon small left>link</v-icon><span class = "button-text">{{$t("article_footer.copy_link")}}</span>
</v-btn>
<v-btn v-if="webShareApiSupported" depressed small class="toolbar-button" rounded @click="shareViaWebShare">
<v-icon small left>share</v-icon><span class = "button-text">{{$t("article_footer.share")}}</span>
</v-btn>
+
<v-dialog max-width="600px" v-model="citation_dialog">
<template v-slot:activator="{ on, attrs }">
- <v-btn depressed small class="toolbar-button" rounded v-on="on" v-bind="attrs">
+ <v-btn text small class="toolbar-button" rounded v-on="on" v-bind="attrs">
<v-icon left small>format_quote</v-icon> <span class = "button-text">{{$t("article_footer.cite")}}</span>
</v-btn>
+
</template>
@@ -41,8 +43,8 @@
<v-btn depressed small rounded @click="copy_citation"><br>
<v-icon left small icon>content_copy</v-icon> <span class = "button-text">{{$t("article_footer.copy")}}</span>
</v-btn>
- <v-btn depressed :x-small="$vuetify.breakpoint.mobile" :small="!$vuetify.breakpoint.mobile" rounded @click="download_ris"><br>
- <v-icon left :x-small="$vuetify.breakpoint.mobile" :small="!$vuetify.breakpoint.mobile" icon>get_app</v-icon> <span class = "button-text">{{$t("article_footer.download")}}</span>
+ <v-btn depressed small rounded @click="download_ris"><br>
+ <v-icon left small icon>get_app</v-icon> <span class = "button-text">{{$t("article_footer.download")}}</span>
</v-btn>
</v-card-actions>
@@ -50,6 +52,7 @@
</v-card>
</v-dialog>
+ </v-card-actions>
</div>
</template>
--
GitLab