fix: update drawer panel width (#920)

* fix: update drawer panel width * fix: update test files
pedaling · Dec 12, 2023 · 41673aa · 41673aa · vercel · Dec 12, 2023
1 parent 461fb18
commit 41673aa
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/vibrant-components/src/lib/Drawer/DrawerPanel/DrawerPanel.tsx b/packages/vibrant-components/src/lib/Drawer/DrawerPanel/DrawerPanel.tsx
@@ -57,7 +57,7 @@ export const DrawerPanel = withDrawerPanelVariation(({ testId = 'drawer-panel',
   const panelContent = isVertical ? (
     <Box width={panelSize} data-testid={testId} flexGrow={1} height="100%" onLayout={onPanelLayout} flexDirection="row">
       {!isStandardLeft && <Divider direction="vertical" kind="default" />}
-      <VStack height="100%" alignVertical="space-between">
+      <VStack height="100%" width="100%" alignVertical="space-between">
         <Box width="100%" overflow="hidden">
           {header}
           <ScrollBox hideScroll={true}>{contents}</ScrollBox>
@@ -69,7 +69,7 @@ export const DrawerPanel = withDrawerPanelVariation(({ testId = 'drawer-panel',
   ) : (
     <Box height={panelSize} width="100%" data-testid={testId} onLayout={onPanelLayout} flexDirection="column">
       {!isStandardTop && <Divider direction="horizontal" kind="default" />}
-      <VStack height="100%" alignVertical="space-between">
+      <VStack height="100%" width="100%" alignVertical="space-between">
         <Box width="100%" overflow="hidden">
           {header}
           <Box>{contents}</Box>

diff --git a/...ges/vibrant-components/src/lib/Drawer/DrawerPanel/__snapshots__/DrawerPanel.spec.tsx.snap b/...ges/vibrant-components/src/lib/Drawer/DrawerPanel/__snapshots__/DrawerPanel.spec.tsx.snap
@@ -117,6 +117,7 @@ exports[`<DrawerPanel /> when component is rendering match snapshot 1`] = `
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;

diff --git a/packages/vibrant-components/src/lib/Drawer/__snapshots__/Drawer.spec.tsx.snap b/packages/vibrant-components/src/lib/Drawer/__snapshots__/Drawer.spec.tsx.snap
@@ -201,6 +201,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 1`] =
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
@@ -533,6 +534,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 2`] =
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
@@ -861,6 +863,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 3`] =
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
@@ -1164,6 +1167,7 @@ exports[`<Drawer /> when Drawer is rendering each placement match snapshot 4`] =
   box-sizing: border-box;
   position: relative;
   height: 100%;
+  width: 100%;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;