didadmin/docuseal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make custom fields titles smaller on mobile devices

Browse Source
This commit is contained in:
Alex Turchyn
2025-01-27 13:30:34 +02:00
committed by Pete Matsyburka
parent 6d2a8ca3d3
commit 5bed6448dc
12 changed files with 78 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/submission_form/form.vue
+12 -4
View File
@@ -164,7 +164,7 @@
v-if="showFieldNames && (currentField.name || currentField.title)"
:for="currentField.uuid"
dir="auto"
class="label text-2xl"
class="label text-lg sm:text-2xl"
:class="{ 'mb-2': !currentField.description }"
>
<MarkdownContent
@@ -173,7 +173,11 @@
/>
<template v-else>
{{ currentField.name }}
<template v-if="!currentField.required">({{ t('optional') }})</template>
</template>
<template v-if="!currentField.required">
<span :class="{ 'hidden sm:inline': (currentField.title || currentField.name).length > 24 }">
({{ t('optional') }})
</span>
</template>
</label>
<div
@@ -221,7 +225,7 @@
v-if="showFieldNames && (currentField.name || currentField.title)"
:for="currentField.uuid"
dir="auto"
class="label text-2xl"
class="label text-lg sm:text-2xl"
:class="{ 'mb-2': !currentField.description }"
>
<MarkdownContent
@@ -230,7 +234,11 @@
/>
<template v-else>
{{ currentField.name }}
<template v-if="!currentField.required">({{ t('optional') }})</template>
</template>
<template v-if="!currentField.required">
<span :class="{ 'hidden sm:inline': (currentField.title || currentField.name).length > 24 }">
({{ t('optional') }})
</span>
</template>
</label>
<div