[UI] fix(docs): prevent sidebar overlap when browser zoom is increased#1142
Conversation
Signed-off-by: Kumar Nirupam <kumar.nirupam24@gmail.com>
|
Yay, your first pull request! 👍 A contributor will be by to give feedback soon. In the meantime, please review the Layer5 Community Welcome Guide and sure to join the community Slack. |
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request introduces styling adjustments to _resizable-bootstrap-overrides.scss by adding min-width: 0 to .row > main and updating the media query breakpoint from 768px to 991.98px. The reviewer suggests using Bootstrap's built-in responsive mixin @include media-breakpoint-down(lg) instead of hardcoding the max-width value to improve maintainability and ensure consistency with Bootstrap's grid breakpoints.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
|
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Signed-off-by: Kumar Nirupam <145343368+KumarNirupam1@users.noreply.github.com>
|
@Sbragul26 please review 🙂 |
|
Thank you for contributing to the Layer5 community! 🎉 \ \ |
2 participants
Notes for Reviewers
This PR fixes #1140
When the browser zoom level is increased, the left navigation sidebar overlaps the main documentation content, hiding parts of the page and making it difficult to read and navigate.
This PR applies a minimal CSS-only fix in the existing resizable layout overrides:
min-width: 0to.row > mainso the main content can shrink correctly inside the flex row instead of overflowing underneath the sidebar.Screenshoot
Signed commits