diff --git a/src/components/ArticleFooter.vue b/src/components/ArticleFooter.vue index 8d7b0f17776d4d8475e599997eb2e2a11e2ee014..e40f547f6b26a4e26815511115c05160db89bc1a 100644 --- a/src/components/ArticleFooter.vue +++ b/src/components/ArticleFooter.vue @@ -17,7 +17,7 @@ <v-card rounded="0" class="info-card"> {{{"nn": "Ønskjer du å sitere denne artikkelen i Nynorskordboka, rår vi deg til å gje opp når artikkelen vart henta (lesen), t.d. slik:", "bm": "Ønsker du å sitere denne artikkelen i Bokmålsordboka, anbefaler vi å oppgi når artikkelen ble hentet (lest), f.eks. slik:"}[this.article.dictionary]}}<br/> - <span id = "citation" class = "highlighted" v-html="this.create_citation()"/> + <div id = "citation" v-html="this.create_citation()"/> <v-btn fixed depressed x-small class="toolbar-button" rounded tabindex="0" @click="copy_citation"><br> <v-icon x-small icon>content_copy</v-icon> Kopier </v-btn> @@ -64,9 +64,9 @@ export default { let dd = (date.getDate() < 10? '0' : '') + date.getDate() let mm = (date.getMonth() < 10? '0' : '') + date.getMonth() let yyyy = date.getFullYear() - - let citation = {"bm": `«${this.article.lemmas[0].lemma}». I: <em>Bokmålsordboka.</em> Språkrådet og Universitetet i Bergen. <${this.create_link()}> (hentet ${dd}.${mm}.${yyyy}).`, - "nn":`«${this.article.lemmas[0].lemma}». I: <em>Nynorskordboka.</em> Språkrådet og Universitetet i Bergen. <${this.create_link()}> (henta ${dd}.${mm}.${yyyy}).` + let link = this.create_link() + let citation = {"bm": `«${this.article.lemmas[0].lemma}». I: <em>Bokmålsordboka.</em> Språkrådet og Universitetet i Bergen. <<a href='${link}'>${link}</a>> (hentet ${dd}.${mm}.${yyyy}).`, + "nn":`«${this.article.lemmas[0].lemma}». I: <em>Nynorskordboka.</em> Språkrådet og Universitetet i Bergen. <<a href='${link}'>${link}</a>> (henta ${dd}.${mm}.${yyyy}).` }[this.article.dictionary] @@ -111,5 +111,11 @@ export default { padding-top: 24px; } +#citation { + padding: 10px; + background-color: var(--v-button-base) !important; + margin-bottom: 3px; +} + </style>