[UXE-6039] fix: adjust alignment fields of criteria in edge firewall …

…rules engine (#2092)
aziontech · Jan 24, 2025 · 580a2bb · 580a2bb
1 parent e0d976e
commit 580a2bb
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
diff --git a/src/templates/form-fields-inputs/fieldDropdown.vue b/src/templates/form-fields-inputs/fieldDropdown.vue
@@ -128,6 +128,7 @@
     :label="props.label"
     :isRequired="$attrs.required"
     :data-testid="customTestId.label"
+    v-if="props.label"
   />
   <Dropdown
     appendTo="self"

diff --git a/src/templates/form-fields-inputs/fieldDropdownLazyLoader.vue b/src/templates/form-fields-inputs/fieldDropdownLazyLoader.vue
@@ -4,6 +4,7 @@
     :label="props.label"
     :isRequired="$attrs.required"
     :data-testid="customTestId.label"
+    v-if="props.label"
   />
   <Dropdown
     appendTo="self"

diff --git a/src/templates/form-fields-inputs/fieldDropdownLazyLoaderDinaminc.vue b/src/templates/form-fields-inputs/fieldDropdownLazyLoaderDinaminc.vue
@@ -4,6 +4,7 @@
     :label="props.label"
     :isRequired="$attrs.required"
     :data-testid="customTestId.label"
+    v-if="props.label"
   />
   <Dropdown
     appendTo="self"

diff --git a/src/views/EdgeFirewallRulesEngine/FormFields/FormFieldsEdgeFirewallRulesEngine.vue b/src/views/EdgeFirewallRulesEngine/FormFields/FormFieldsEdgeFirewallRulesEngine.vue
@@ -553,7 +553,9 @@
             />
           </div>
 
-          <div class="flex items-top gap-x-2 items-top mt-2 mb-4 flex-col sm:flex-row">
+          <div
+            class="flex items-top gap-x-2 items-top mt-2 mb-4 flex-col gap-2 sm:flex-row items-end"
+          >
             <div class="flex flex-col h-fit sm:max-w-lg w-full gap-2">
               <FieldDropdownIcon
                 :data-testid="`edge-firewall-rules-form__variable[${criteriaInnerRowIndex}]`"