Fix: Right Drawer Border Breakage on Scroll by Ensuring Dynamic Height

ParabolInc · Jan 10, 2025 · c9c5095 · c9c5095
1 parent cf48ae2
commit c9c5095
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/client/components/MyDashboardTimeline.tsx b/packages/client/components/MyDashboardTimeline.tsx
@@ -20,6 +20,7 @@ const TimelineFeed = styled('div')({
   display: 'flex',
   justifyContent: 'center',
   flex: 1,
+  height: 'auto',
   paddingLeft: DashTimeline.MIN_PADDING,
   paddingRight: DashTimeline.MIN_PADDING,
   paddingTop: DashTimeline.MIN_PADDING
@@ -33,8 +34,7 @@ export const TimelineFeedItems = styled('div')({
 
 const FeedAndDrawer = styled('div')({
   display: 'flex',
-  height: '100%',
-  overflow: 'auto'
+  height: 'unset'
 })
 
 const MyDashboardTimeline = (props: Props) => {

diff --git a/packages/client/components/TimelineRightDrawer.tsx b/packages/client/components/TimelineRightDrawer.tsx
@@ -23,7 +23,7 @@ export const RightDrawer = styled('div')({
   minWidth: DashTimeline.TIMELINE_DRAWER_WIDTH,
   maxWidth: DashTimeline.TIMELINE_DRAWER_WIDTH,
   borderLeft: `1px solid ${PALETTE.SLATE_400}`,
-  height: '100%',
+  height: 'auto',
   padding: 16,
   [makeMinWidthMediaQuery(MIN_WIDTH)]: {
     display: 'block'