Fixed feedback for add plugin modal (#1011)

valtimo-platform · May 27, 2024 · 3a221ec · 3a221ec
1 parent 3bac1a3
commit 3a221ec
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/...ts/valtimo/components/src/lib/components/multi-input-form/multi-input-form.component.html b/...ts/valtimo/components/src/lib/components/multi-input-form/multi-input-form.component.html
@@ -46,7 +46,7 @@
       class="v-multi-input__row"
       *ngFor="let value of values$ | async as values; trackBy: trackByFn; let i = index"
     >
-      <div [ngClass]="{'v-multi-input__row-form--invisible': value.expanded === false}">
+      <div class="full-width" [ngClass]="{'v-multi-input__row-form--invisible': value.expanded === false}">
         <ng-container
           *ngTemplateOutlet="
             formTemplate;

diff --git a/...lib/plugins/verzoek/components/verzoek-configuration/verzoek-configuration.component.html b/...lib/plugins/verzoek/components/verzoek-configuration/verzoek-configuration.component.html
@@ -199,7 +199,7 @@
       </ng-container>
       <v-input class="hidden-input" name="uuid" [defaultValue]="uuid"> </v-input>
     </v-form>
-    <cds-modal valtimoCdsModal [open]="showMappingModals[uuid]">
+    <cds-modal cdsModal [open]="showMappingModals[uuid]">
       <cds-modal-header [showCloseButton]="true" (closeSelect)="closeMappingModal(uuid)">
         <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}</h3>
       </cds-modal-header>
@@ -221,6 +221,7 @@ <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}
             [defaultValues]="mappings[uuid] || prefill?.mapping"
             [valueColumnTitle]="'target' | pluginTranslate: pluginId | async"
             [keyColumnTitle]="'source' | pluginTranslate: pluginId | async"
+            [fullWidth]="true"
           ></valtimo-carbon-multi-input>
         </div>
       </section>

diff --git a/...lib/plugins/verzoek/components/verzoek-configuration/verzoek-configuration.component.scss b/...lib/plugins/verzoek/components/verzoek-configuration/verzoek-configuration.component.scss
@@ -31,3 +31,7 @@
 .cds--text-input__field-wrapper {
   flex-direction: column;
 }
+
+::ng-deep .cds--modal-container {
+  transform: none !important;
+}