Fix delimiter spacing in items card [SCI-9950] (#6912)

This commit is contained in:
Soufiane 2024-01-09 15:31:50 +01:00 committed by GitHub
parent 5b365fce3b
commit 39b633dcdf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -149,8 +149,8 @@
</div>
<div v-if="parentsCount">
<details v-for="(parent) in parents" @toggle="updateOpenState(parent.code, $event.target.open)" :key="parent.code" class="flex flex-col font-normal gap-4 group cursor-default">
<summary class="flex flex-row gap-3 mb-4 items-center">
<img :src="icons.delimiter_path" class="w-3 h-3 cursor-pointer self-start mt-1"
<summary class="flex flex-row gap-3 mb-4 relative">
<img :src="icons.delimiter_path" class="w-3 h-3 cursor-pointer flex-shrink-0 relative top-1"
:class="{ 'rotate-90': relationshipDetailsState[parent.code] }" />
<span>
<span>{{ i18n.t('repositories.item_card.relationships.item') }}</span>
@ -196,9 +196,9 @@
<div v-if="childrenCount">
<details v-for="(child) in children" :key="child.code" @toggle="updateOpenState(child.code, $event.target.open)"
class="flex flex-col font-normal gap-4 group last-of-type:[&>p:last-child]:mb-0">
<summary class="flex flex-row gap-3 mb-4 items-center"
<summary class="flex flex-row gap-3 mb-4 relative"
:class="{ 'group-last-of-type:mb-0': !relationshipDetailsState[child.code] }">
<img :src="icons.delimiter_path" class="w-3 h-3 cursor-pointer self-start mt-1"
<img :src="icons.delimiter_path" class="w-3 h-3 flex-shrink-0 cursor-pointer relative top-1"
:class="{ 'rotate-90': relationshipDetailsState[child.code] }"/>
<span class="group/child">
<span>{{ i18n.t('repositories.item_card.relationships.item') }}</span>