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

Merge pull request #8177 from aignatov-bio/ai-sci-11424-fix-na-button-position

Browse source 
Fix NA button position [SCi-11424][SCI-11493]
This commit is contained in:
aignatov-bio 2025-01-22 15:57:18 +01:00 committed by GitHub
commit 40060a4b79
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/javascript/vue/forms/field.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="p-4 rounded bg-white text-sm flex flex-wrap mb-2 gap-x-6 gap-y-2">
<div class="grow overflow-hidden">
<div class="p-4 rounded bg-white text-sm mb-2">
<div class="grow">
<div class="font-bold">
{{ field.attributes.name }}
<span v-if="unit">({{ unit }})</span>
@ -14,12 +14,11 @@
:field="field" :marked_as_na="markAsNa" @save="saveValue" @validChanged="checkValidField" />
</div>
</div>
<div class="flex items-end">
<div v-if="field.attributes.allow_not_applicable" class="flex items-end mt-2">
<button class="btn btn-secondary mb-0.5"
:disabled="disabled"
:class="{
'!bg-sn-super-light-blue !border-sn-blue': markAsNa && !disabled,
'opacity-0 pointer-events-none !h-0': !field.attributes.allow_not_applicable
'!bg-sn-super-light-blue !border-sn-blue': markAsNa && !disabled
}"
@click="markAsNa = !markAsNa">
<div class="w-4 h-4 border rounded-sm flex items-center justify-center"