nova-flexible-content icon indicating copy to clipboard operation
nova-flexible-content copied to clipboard

Validation errors are not red

Open Dartui opened this issue 3 years ago • 2 comments

Nova version: 4.14.3 Package version: v1.0.5

Hello and first of all - thanks for great package!

I have small issue with validation of Flexible field. I've created field like that:

Flexible::make('Payload')->preset(PayloadPreset::class)
	->rules('required'),

and when I click "Create" button without adding any layout I am getting error, but it is dark instead of red.

obraz

Classes of "red" error message:

help-text mt-2 help-text-error

Classes of "dark" error message:

help-text error-text mt-2 text-danger

Dartui avatar Oct 18 '22 11:10 Dartui

Hi, sorry for being late. First, let's go to /vendor/whitecube/nova-flexible-content/resources/js/components/FullWidthField.vue Then find:

<span v-if="field.required" class="text-danger text-sm">{{
                        __('*')
                    }}</span>
...
<help-text
                class="error-text mt-2 text-danger"
                v-if="showErrors && hasError"
            >

Change to:

<span v-if="field.required" class="text-red-500 text-sm">{{
                        __('*')
                    }}</span>
...
<help-text
                class="help-text help-text-error"
                v-if="showErrors && hasError"
            >

This works for me. I hope it helps you too.

KenHuangTW avatar Mar 08 '24 09:03 KenHuangTW

@KenHuangTW you should not change files inside vendor directory, they will be overwritten on the package update. Thanks for the efforts though

Dartui avatar Mar 08 '24 10:03 Dartui