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-else class="person-text">
<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 :class="'altname altname-' + altNameKey">
({{ altNameLabel }})</span
<!-- display: inline -->
<span :class="'altname altname-' + altNameKey"
>&nbsp;({{ altNameLabel }})</span
>
</span>
<!-- display: inline -->
<span v-if="person.suffixText" class="suffixtext"
>&nbsp;{{ person.suffixText }}</span
>
<!-- display: inline -->
<span
class="age"
v-if="
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>