CASH-1502: markup changes and prettier ignore to fix trailing space in anchor link
This commit is contained in:
parent
f0c5c7f33b
commit
772b137b82
1 changed files with 11 additions and 12 deletions
|
|
@ -1,22 +1,21 @@
|
|||
<template>
|
||||
<loadingModal v-if="useLoadingModal" notFullScreen ref="loadingModal" />
|
||||
<a v-if="linkType === 'navigation'" @click="handleClick" class="navigation-link" :href="href">
|
||||
{{ text }}<slot name="after-text"></slot><!-- must remain on same line -->
|
||||
</a>
|
||||
<!-- NOTE: each prettier-ignore is needed below...
|
||||
each anchor that follows needs to be one single line in markup or adds unwanted spaces within link (fixes CASH-1502) -->
|
||||
|
||||
<!-- prettier-ignore -->
|
||||
<a v-if="linkType === 'navigation'" @click="handleClick" class="navigation-link" :href="href">{{ text }}<slot name="after-text"></slot></a>
|
||||
<!-- prettier-ignore -->
|
||||
<a
|
||||
v-else-if="linkType === 'newWindowLink'"
|
||||
@click="handleClick"
|
||||
class="new-window-link"
|
||||
:href="href"
|
||||
target="_blank">
|
||||
{{ text }}<slot name="after-text"></slot><!-- must remain on same line -->
|
||||
</a>
|
||||
<a v-else-if="linkType === 'textSmall'" @click="handleClick" class="small" :href="href">
|
||||
{{ text }}<slot name="after-text"></slot><!-- must remain on same line -->
|
||||
</a>
|
||||
<a v-else-if="linkType === 'text'" @click="handleClick" :href="href">
|
||||
{{ text }}<slot name="after-text"></slot><!-- must remain on same line -->
|
||||
</a>
|
||||
target="_blank">{{ text }}<slot name="after-text"></slot></a>
|
||||
<!-- prettier-ignore -->
|
||||
<a v-else-if="linkType === 'textSmall'" @click="handleClick" class="small" :href="href">{{ text }}<slot name="after-text"></slot></a>
|
||||
<!-- prettier-ignore -->
|
||||
<a v-else-if="linkType === 'text'" @click="handleClick" :href="href">{{ text }}<slot name="after-text"></slot></a>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue