add eye icon during form field section

pull/608/head
Julie Graceffa 1 month ago
parent afd9f2bb31
commit fcbc15abcc

@ -91,7 +91,7 @@
/> />
</button> </button>
<button <button
v-if="!isFormVisible && !isCompleted" v-if="!isFormVisible && !isCompleted && isMobile"
id="expand_form_button_x" id="expand_form_button_x"
class="btn btn-neutral flex text-white fixed top-4 right-4 z-40" class="btn btn-neutral flex text-white fixed top-4 right-4 z-40"
:title="t('expand')" :title="t('expand')"
@ -109,10 +109,22 @@
:style="formContainerStyle" :style="formContainerStyle"
> >
<button <button
v-if="!isCompleted && isFormVisible" v-if="!isCompleted && isFormVisible && isMobile && currentField?.type !== 'signature'"
id="close_form_button"
class="absolute right-0 top-0 minimize-form-button mr-2 mt-2"
:title="t('minimize')"
@click.prevent="minimizeForm"
>
<IconEye
:width="20"
:height="20"
/>
</button>
<button
v-if="!isCompleted && isFormVisible && !isMobile"
id="minimize_form_button" id="minimize_form_button"
class="absolute right-0 top-0 minimize-form-button" class="absolute right-0 top-0 minimize-form-button"
:class="currentField?.description?.length > 100 ? 'mr-1 mt-1 md:mr-2 md:mt-2': 'mr-2 mt-2 hidden md:block'" :class="currentField?.description?.length > 100 ? 'mr-1 mt-1 md:mr-2 md:mt-2': 'mr-2 mt-2'"
:title="t('minimize')" :title="t('minimize')"
@click.prevent="minimizeForm" @click.prevent="minimizeForm"
> >
@ -610,7 +622,7 @@ import DateStep from './date_step'
import MarkdownContent from './markdown_content' import MarkdownContent from './markdown_content'
import InviteForm from './invite_form' import InviteForm from './invite_form'
import FormCompleted from './completed' import FormCompleted from './completed'
import { IconInnerShadowTop, IconArrowsDiagonal, IconWritingSign, IconArrowsDiagonalMinimize2, IconX } from '@tabler/icons-vue' import { IconInnerShadowTop, IconArrowsDiagonal, IconWritingSign, IconArrowsDiagonalMinimize2, IconX, IconEye } from '@tabler/icons-vue'
import AppearsOn from './appears_on' import AppearsOn from './appears_on'
import i18n from './i18n' import i18n from './i18n'
@ -660,6 +672,7 @@ export default {
PaymentStep, PaymentStep,
IconArrowsDiagonalMinimize2, IconArrowsDiagonalMinimize2,
IconX, IconX,
IconEye,
FormCompleted FormCompleted
}, },
provide () { provide () {

Loading…
Cancel
Save