fix: fix small issues (#5230)

Talend · Mar 18, 2024 · 6a69c4c · 6a69c4c
1 parent 1317466
commit 6a69c4c
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 2 deletions.
diff --git a/.changeset/lucky-spiders-fix.md b/.changeset/lucky-spiders-fix.md
@@ -0,0 +1,5 @@
+---
+"@talend/react-forms": patch
+---
+
+Fix UI-Form display on TextModeArrayTemplate to have some spacing between templates
diff --git a/.changeset/wet-badgers-turn.md b/.changeset/wet-badgers-turn.md
@@ -0,0 +1,5 @@
+---
+"@talend/react-components": patch
+---
+
+Fix Drawer z-index that could prevent headerbar to display sub-menu
diff --git a/packages/components/src/Drawer/Drawer.module.scss b/packages/components/src/Drawer/Drawer.module.scss
@@ -8,7 +8,6 @@ $tc-drawer-header-background: tokens.$coral-color-neutral-background !default;
 $tc-drawer-header-border: tokens.$coral-border-s-solid tokens.$coral-color-neutral-border-weak !default;
 $tc-drawer-tabs-background: tokens.$coral-color-accent-background-weak !default;
 $tc-action-bar-background-color: tokens.$coral-color-neutral-background-medium !default;
-$tc-drawer-z-index: tokens.$coral-elevation-layer-standard-front !default;
 
 .tc-drawer {
 	pointer-events: all;
@@ -19,7 +18,6 @@ $tc-drawer-z-index: tokens.$coral-elevation-layer-standard-front !default;
 	right: 0;
 	bottom: 0;
 	width: tokens.$coral-sizing-maximal;
-	z-index: $tc-drawer-z-index;
 }
 
 @media (min-width: 992px) and (max-width: 1199px) {

diff --git a/packages/forms/src/UIForm/fieldsets/Array/displayMode/TextModeArrayTemplate.module.scss b/packages/forms/src/UIForm/fieldsets/Array/displayMode/TextModeArrayTemplate.module.scss
@@ -1,5 +1,10 @@
+@use '~@talend/design-tokens/lib/tokens';
+
 .tf-array-text-mode {
 	ol {
 		list-style: none;
+		display: flex;
+		flex-direction: column;
+		gap: tokens.$coral-spacing-xxs;
 	}
 }