scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-03 02:14:29 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #7415 from sboursen-scinote/sb_SCI-10519-v3

Browse source 
Fix experiment description position in table [SCI-10519]
This commit is contained in:
aignatov-bio 2024-04-02 18:22:07 +02:00 • committed by GitHub
commit 3c8cd674aa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/javascript/vue/experiments/renderers/description.vue
View file

@ -2,9 +2,10 @@
<div class="group relative flex items-center group-hover:marker text-xs h-full w-full"
:style="{ lineHeight: 'unset' }">
<div class="flex gap-2"
:style="{ lineHeight: 'unset' }"
:class="{
'items-center': params.dtComponent.currentViewRender === 'table',
'items-end': params.dtComponent.currentViewRender === 'cards'
'items-center text-sm': params.dtComponent.currentViewRender === 'table',
'items-end text-xs': params.dtComponent.currentViewRender === 'cards'
}">
<span v-if="shouldTruncateText"
class="cursor-pointer grow"
@ -16,7 +17,14 @@
v-html="params.data.sa_description">
</span>
<span v-else class="grow" v-html="params.data.sa_description"></span>
<span v-if="shouldTruncateText" @click.stop="showDescriptionModal" class="text-sn-blue cursor-pointer shrink-0 text-xs">{{ i18n.t('experiments.card.more') }}</span>
<span v-if="shouldTruncateText" @click.stop="showDescriptionModal" class="text-sn-blue cursor-pointer shrink-0 inline-block"
:style="{ lineHeight: 'unset' }"
:class="{
'text-xs': params.dtComponent.currentViewRender === 'cards',
'text-sm': params.dtComponent.currentViewRender === 'table'
}">
{{ i18n.t('experiments.card.more') }}
</span>
</div>
</div>
</template>