quickfix

dnbexperience · Dec 20, 2024 · a4e3135 · a4e3135
1 parent 41e4131
commit a4e3135
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/stories/Iterate.stories.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/stories/Iterate.stories.tsx
@@ -320,3 +320,27 @@ export function InWizard() {
     </React.StrictMode>
   )
 }
+
+export const DisplayDividerWhenUsingContainer = () => (
+  <Form.Handler>
+    <Flex.Stack>
+      <Form.Card>
+        <Form.SubHeading>
+          Displaying divider line when using container
+        </Form.SubHeading>
+        <Iterate.Array path="/list" divider="line">
+          <Iterate.ViewContainer
+            variant="basic"
+            toolbarVariant="custom"
+            divider="line"
+          >
+            <Value.String label="Something" itemPath="/something" />
+          </Iterate.ViewContainer>
+          <Iterate.EditContainer variant="basic" divider="line">
+            <Field.String label="Something" itemPath="/something" />
+          </Iterate.EditContainer>
+        </Iterate.Array>
+      </Form.Card>
+    </Flex.Stack>
+  </Form.Handler>
+)
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/style/dnb-iterate.scss b/packages/dnb-eufemia/src/extensions/forms/Iterate/style/dnb-iterate.scss
@@ -4,9 +4,4 @@
   &__element {
     outline: none; // for JavaSCript focus
   }
-
-  & > &__element:has(> .dnb-forms-section-block) {
-    // To make Animation not jump, we add "margin-bottom" in the inner element
-    margin-top: 0;
-  }
 }