jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SSR-235

Browse source
This commit is contained in:
Johan Gunawan 2023-01-23 09:45:43 -05:00
parent 34828a073f
commit 2fa12be359
1 changed files with 8 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/ux-components/text-link/text-link.vue
View file

@ -11,10 +11,6 @@
{{text}} {{text}}
<slot name="after-text"></slot> <slot name="after-text"></slot>
</a> </a>
<a v-else-if="linkType === 'dashedUnderline'" @click="handleClick" class="dashed-underline" :href="href">
{{text}}
<slot name="after-text"></slot>
</a>
<a v-else-if="linkType === 'text'" @click="handleClick" :href="href"> <a v-else-if="linkType === 'text'" @click="handleClick" :href="href">
{{text}} {{text}}
<slot name="after-text"></slot> <slot name="after-text"></slot>
@ -33,6 +29,12 @@
}, },
methods: { methods: {
handleClick(event) { handleClick(event) {
this.pushEventToGA(
this.$route.query[this.queryStrings.ISS_PAGE],
this.GaActions.CLICKED,
this.text,
true
);
this.$emit("click-event"); this.$emit("click-event");
}, },
}, },
@ -41,10 +43,9 @@
<style lang="scss"> <style lang="scss">
a { a {
display: inline-flex !important;
color: $blue; color: $blue;
text-underline-offset: 0.5em; text-underline-offset: 5px;
line-height: 26px; line-height: 2;
padding: 0 0 4px 0; padding: 0 0 4px 0;
font-weight: 500; font-weight: 500;
max-width: fit-content; max-width: fit-content;
@ -75,9 +76,6 @@
text-decoration: underline; text-decoration: underline;
} }
} }
&.dashed-underline {
text-decoration: underline dashed 1px;
}
} }
</style> </style>