Issue Summary

The content present beside the side navigation is getting unavailable on 400% zoom.

Steps to Reproduce

1. Navigate to the side navigation.
2. Open the Inspector of the browser.
3. Activate the "Toggle device toolbar" button present in Inspector.

1. From the device dropdown (present in toolbar on top of the page), select any mobile device OR select "Responsive" option

1. Set the resolution to atleast 320 x 256.
2. Observe the content failed to reflow and the mentioned content is not available.

Screenshot

Actual Results

Web page content failed to reflow when viewed at 320*256 viewport size. The content such as "Repository details", "Security", "Repository Permissions", "Branch Permissions", and so on is not available.
As a result, this will result in low vision users finding it difficult to access the content.

Expected Results

Ensure that all the page content is visible when viewed at 320 * 256 viewport. Use relative units to define font and container sizes in CSS to ensure that page's content reflows correctly when viewed at 320 * 256 viewport. In addition, use CSS media queries to display web page content correctly when viewed using different devices, such as mobile phones, tablets and so on.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest