RI-7853: Fix tutorials scroll on database list page

dantovska · web-flow · commit 7001541e623b · 2025-12-05T17:46:05.000+02:00
fix(ui): add height constraint to ExplorePanelWrapper for scroll fix (#5311) - Add height: 100% to ExplorePanelWrapper to ensure proper flex container chain - Fixes scroll issue on database list page when tutorials exceed container height - Maintains height constraint chain from PageWrapper to side panels Fixes #RI-7853
diff --git a/redisinsight/ui/src/templates/home-page-template/HomePageTemplate.styles.ts b/redisinsight/ui/src/templates/home-page-template/HomePageTemplate.styles.ts
@@ -22,4 +22,5 @@ export const PageWrapper = styled.div`
 
 export const ExplorePanelWrapper = styled.div`
   padding-bottom: ${({ theme }: { theme: Theme }) => theme.core.space.space200};
+  height: 100%;
 `

Original file line number	Diff line number	Diff line change
@@ -22,4 +22,5 @@ export const PageWrapper = styled.div`
`22`	`22`
`23`	`23`	export const ExplorePanelWrapper = styled.div`
`24`	`24`	`padding-bottom: ${({ theme }: { theme: Theme }) => theme.core.space.space200};`
	`25`	`+ height: 100%;`
`25`	`26`	`