diff --git a/.changeset/shiny-toes-relate.md b/.changeset/shiny-toes-relate.md new file mode 100644 index 00000000000..3e5607ca5cb --- /dev/null +++ b/.changeset/shiny-toes-relate.md @@ -0,0 +1,5 @@ +--- +'@talend/design-system': patch +--- + +TMC-1657 - Fix DS drawer overflow for title container diff --git a/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss b/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss index 99ad57d8c80..90954e5a72c 100644 --- a/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss +++ b/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss @@ -15,7 +15,7 @@ flex-shrink: 0; flex-basis: tokens.$coral-sizing-l; font: tokens.$coral-heading-m; - + flex-flow: column; display: flex; } diff --git a/packages/design-system/src/stories/navigation/FloatingDrawer.stories.tsx b/packages/design-system/src/stories/navigation/FloatingDrawer.stories.tsx index 3c077ae4f02..bc089b46fae 100644 --- a/packages/design-system/src/stories/navigation/FloatingDrawer.stories.tsx +++ b/packages/design-system/src/stories/navigation/FloatingDrawer.stories.tsx @@ -56,7 +56,13 @@ const defaultProps = { }; const overflowProps = { - ...defaultProps, + header: ( + + ), children: (