Resolve "UX bug caused by 'Prettier' linter"

This commit is contained in:
LenaertsJ 2025-02-03 21:02:44 +00:00 committed by Julien Fastré
parent 9e3431f397
commit c641baec78
2 changed files with 14 additions and 4 deletions

View File

@ -0,0 +1,6 @@
kind: Fixed
body: Add definitive whitespace between span elements in vue PersonText component
time: 2025-02-03T12:34:28.925596132+01:00
custom:
Issue: "351"
SchemaChange: No schema change

View File

@ -2,21 +2,25 @@
<span v-if="isCut">{{ cutText }}</span> <span v-if="isCut">{{ cutText }}</span>
<span v-else class="person-text"> <span v-else class="person-text">
<span class="firstname">{{ person.firstName }}</span> <span class="firstname">{{ person.firstName }}</span>
<span class="lastname">{{ person.lastName }}</span> <!-- display: inline -->
<span class="lastname">&nbsp;{{ person.lastName }}</span>
<span v-if="person.altNames && person.altNames.length > 0" class="altnames"> <span v-if="person.altNames && person.altNames.length > 0" class="altnames">
<span :class="'altname altname-' + altNameKey"> <!-- display: inline -->
({{ altNameLabel }})</span <span :class="'altname altname-' + altNameKey"
>&nbsp;({{ altNameLabel }})</span
> >
</span> </span>
<!-- display: inline -->
<span v-if="person.suffixText" class="suffixtext" <span v-if="person.suffixText" class="suffixtext"
>&nbsp;{{ person.suffixText }}</span >&nbsp;{{ person.suffixText }}</span
> >
<!-- display: inline -->
<span <span
class="age" class="age"
v-if=" v-if="
this.addAge && person.birthdate !== null && person.deathdate === null this.addAge && person.birthdate !== null && person.deathdate === null
" "
>{{ $tc("renderbox.years_old", person.age) }}</span >&nbsp;{{ $tc("renderbox.years_old", person.age) }}</span
> >
<span v-else-if="this.addAge && person.deathdate !== null">&nbsp;()</span> <span v-else-if="this.addAge && person.deathdate !== null">&nbsp;()</span>
</span> </span>