visgraph: right align text when reverse

This commit is contained in:
Mathieu Jaumotte 2021-11-02 16:39:34 +01:00
parent 6b31bf225a
commit cbb3ad04f0

View File

@ -62,31 +62,17 @@
</VueMultiselect> </VueMultiselect>
</div> </div>
<div v-if="relation && relation.title && relation.reverseTitle"> <div v-if="relation && relation.title && relation.reverseTitle">
<p class="text-start" v-if="reverse"> <p class="text-end" v-if="reverse">
{{ $t('visgraph.relation_from_to_like', [ {{ $t('visgraph.relation_from_to_like', [
getPerson(modal.data.to).text, getPerson(modal.data.to).text, getPerson(modal.data.from).text, relation.title.fr.toLowerCase() ])}}<br>
getPerson(modal.data.from).text,
relation.title.fr.toLowerCase(),
])}}
<br>
{{ $t('visgraph.relation_from_to_like', [ {{ $t('visgraph.relation_from_to_like', [
getPerson(modal.data.from).text, getPerson(modal.data.from).text, getPerson(modal.data.to).text, relation.reverseTitle.fr.toLowerCase() ])}}
getPerson(modal.data.to).text,
relation.reverseTitle.fr.toLowerCase(),
])}}
</p> </p>
<p class="text-start" v-else> <p class="text-start" v-else>
{{ $t('visgraph.relation_from_to_like', [ {{ $t('visgraph.relation_from_to_like', [
getPerson(modal.data.from).text, getPerson(modal.data.from).text, getPerson(modal.data.to).text, relation.title.fr.toLowerCase() ])}}<br>
getPerson(modal.data.to).text,
relation.title.fr.toLowerCase(),
])}}
<br>
{{ $t('visgraph.relation_from_to_like', [ {{ $t('visgraph.relation_from_to_like', [
getPerson(modal.data.to).text, getPerson(modal.data.to).text, getPerson(modal.data.from).text, relation.reverseTitle.fr.toLowerCase() ])}}
getPerson(modal.data.from).text,
relation.reverseTitle.fr.toLowerCase(),
])}}
</p> </p>
</div> </div>
<div class="form-check form-switch"> <div class="form-check form-switch">