diff --git a/changelog/entries/unreleased/bug/fix_broken_onboarding_import_file_validation.json b/changelog/entries/unreleased/bug/fix_broken_onboarding_import_file_validation.json new file mode 100644 index 000000000..1bfb80308 --- /dev/null +++ b/changelog/entries/unreleased/bug/fix_broken_onboarding_import_file_validation.json @@ -0,0 +1,8 @@ +{ + "type": "bug", + "message": "Fix broken continue button and validation of the onboarding import step.", + "domain": "database", + "issue_number": null, + "bullet_points": [], + "created_at": "2025-03-25" +} diff --git a/web-frontend/modules/core/assets/scss/components/onboarding.scss b/web-frontend/modules/core/assets/scss/components/onboarding.scss index fa9e39954..c10f924b7 100644 --- a/web-frontend/modules/core/assets/scss/components/onboarding.scss +++ b/web-frontend/modules/core/assets/scss/components/onboarding.scss @@ -59,7 +59,7 @@ .onboarding__body { height: 100%; - margin: 40px auto; + margin: 40px auto 0; max-width: 542px; padding: 0 40px; width: 100%; @@ -69,7 +69,7 @@ .onboarding__actions { margin-top: auto; - padding-top: 20px; + padding: 20px 0 40px; } .onboarding__skip { diff --git a/web-frontend/modules/database/components/onboarding/DatabaseImportStep.vue b/web-frontend/modules/database/components/onboarding/DatabaseImportStep.vue index 8465c74ba..7dd5e8cbd 100644 --- a/web-frontend/modules/database/components/onboarding/DatabaseImportStep.vue +++ b/web-frontend/modules/database/components/onboarding/DatabaseImportStep.vue @@ -43,12 +43,15 @@ </ul> </FormGroup> - <component - :is="importerComponent" - ref="importer" - @data="onData($event)" - @getData="onGetData($event)" - /> + <div class="margin-bottom-2"> + <component + :is="importerComponent" + ref="importer" + @data="onData($event)" + @getData="onGetData($event)" + /> + </div> + <SimpleGrid v-if="dataLoaded" :rows="previewFileData" @@ -118,7 +121,7 @@ export default { isValid() { return ( !this.v$.$invalid && - this.v$.$dirty && + this.v$.tableName.$dirty && this.getData !== null && this.dataLoaded )