fix references
This commit is contained in:
@@ -1,11 +1,11 @@
|
|||||||
<template lang="pug">
|
<template lang="pug">
|
||||||
.card(:class="checkReference()")
|
.card(:class="{'card--active': isReferenced}")
|
||||||
//- a.card--link(:href="url" :target='title' rel='noreferrer')
|
//- a.card--link(:href="url" :target='title' rel='noreferrer')
|
||||||
p.card--title {{title}}
|
p.card--title {{title}}
|
||||||
p.card--description {{desc}}
|
p.card--description {{desc}}
|
||||||
div
|
div
|
||||||
a.card--reference(@click='createCopyUrl') Copy reference
|
//- a.card--reference(@click='createCopyUrl') Copy reference
|
||||||
br
|
//- br
|
||||||
a(:href="url" :target='title' rel='noreferrer') Visit website
|
a(:href="url" :target='title' rel='noreferrer') Visit website
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -26,9 +26,9 @@ export default {
|
|||||||
const query = this.$route.hash.substring(1);
|
const query = this.$route.hash.substring(1);
|
||||||
const title = this.$props.title.replace(/ /g, '');
|
const title = this.$props.title.replace(/ /g, '');
|
||||||
|
|
||||||
return {
|
title.toLowerCase() === query
|
||||||
'card--active': title.toLowerCase() === query
|
? this.isReferenced = true
|
||||||
}
|
: this.isReferenced = false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -50,7 +50,7 @@ export default {
|
|||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&--active{
|
&--active{
|
||||||
border: 1px solid red !important;
|
box-shadow:inset 0px 0px 0px 3px #08e5ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--reference {
|
&--reference {
|
||||||
|
|||||||
Reference in New Issue
Block a user