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

reduce field area opacity

Browse Source
This commit is contained in:
Pete Matsyburka
2023-12-13 17:50:13 +02:00
parent 65e57c22e5
commit c8d4ee58f8
2 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/submission_form/area.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<div <div
class="flex absolute lg:text-base" class="flex absolute lg:text-base"
:style="computedStyle" :style="computedStyle"
:class="{ 'text-[1.5vw] lg:text-base': !textOverflowChars, 'text-[1.0vw] lg:text-xs': textOverflowChars, 'cursor-default': !submittable, 'bg-red-100 border cursor-pointer ': submittable, 'border-red-100': !isActive && submittable, 'bg-opacity-70': !isActive && !isValueSet && submittable, 'border-red-500 border-dashed z-10': isActive && submittable, 'bg-opacity-30': (isActive || isValueSet) && submittable }" :class="{ 'text-[1.5vw] lg:text-base': !textOverflowChars, 'text-[1.0vw] lg:text-xs': textOverflowChars, 'cursor-default': !submittable, 'bg-red-100 border cursor-pointer ': submittable, 'border-red-100': !isActive && submittable, 'bg-opacity-80': !isActive && !isValueSet && submittable, 'border-red-500 border-dashed z-10': isActive && submittable, 'bg-opacity-40': (isActive || isValueSet) && submittable }"
> >
<div <div
v-if="!isActive && !isValueSet && field.type !== 'checkbox' && submittable && !area.option_uuid" v-if="!isActive && !isValueSet && field.type !== 'checkbox' && submittable && !area.option_uuid"
app/javascript/template_builder/area.vue
+20 -20
View File
@@ -218,30 +218,30 @@ export default {
}, },
borderColors () { borderColors () {
return [ return [
'border-red-500/50', 'border-red-500/80',
'border-sky-500/50', 'border-sky-500/80',
'border-emerald-500/50', 'border-emerald-500/80',
'border-yellow-300/50', 'border-yellow-300/80',
'border-purple-600/50', 'border-purple-600/80',
'border-pink-500/50', 'border-pink-500/80',
'border-cyan-500/50', 'border-cyan-500/80',
'border-orange-500/50', 'border-orange-500/80',
'border-lime-500/50', 'border-lime-500/80',
'border-indigo-500/50' 'border-indigo-500/80'
] ]
}, },
bgColors () { bgColors () {
return [ return [
'bg-red-100/50', 'bg-red-100/80',
'bg-sky-100/50', 'bg-sky-100/80',
'bg-emerald-100/50', 'bg-emerald-100/80',
'bg-yellow-100/50', 'bg-yellow-100/80',
'bg-purple-100/50', 'bg-purple-100/80',
'bg-pink-100/50', 'bg-pink-100/80',
'bg-cyan-100/50', 'bg-cyan-100/80',
'bg-orange-100/50', 'bg-orange-100/80',
'bg-lime-100/50', 'bg-lime-100/80',
'bg-indigo-100/50' 'bg-indigo-100/80'
] ]
}, },
isSelected () { isSelected () {