RI-7853 Fix tutorials scroll on database list page #5311
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What
Fix scroll issue where Y-axis scroll does not appear when tutorials exceed container height on database list page.
height: 100%toExplorePanelWrapperto ensure proper flex container chainPageWrapper→ExplorePanelWrapper→ExplorePanelTemplate→ side panelsTesting
Technical Details
The issue was caused by an incomplete flex container height chain. The
ExplorePanelWrappercomponent neededheight: 100%to properly participate in the flex layout and maintain height constraints down to the scroll container in theNavigationcomponent.Files Changed:
redisinsight/ui/src/templates/home-page-template/HomePageTemplate.styles.ts: Addedheight: 100%toExplorePanelWrapperCloses #RI-7853
Note
Adds
height: 100%toExplorePanelWrapperto complete the flex height chain and enable Y-axis scrolling in the tutorials panel on the database list page.Written by Cursor Bugbot for commit a1d5367. This will update automatically on new commits. Configure here.