Debug mode tooltip gets clipped on small mobile screens
Open
Nobody has claimed this yet.
- Dominant language
- Python
- Stars
- 180
- Forks
- 137
- Avg merge
- 3d 23h
- Merged PRs (30d)
- 21
Description
Problem
On smaller mobile screen widths, the tooltip for the Debug mode (?) icon in the Explorer page can overflow the viewport and become partially clipped. This makes the tooltip difficult to read on smaller devices.
Steps to Reproduce
- Open the OpenCRE Explorer page
- Switch to a small screen/mobile viewport (around ~360px width or smaller)
- Hover over the (?) icon next to "Debug mode"
Observed Behavior
The tooltip container extends beyond the viewport and part of the content becomes clipped.
Expected Behavior
The tooltip should remain fully visible within the viewport on small screens.
Screenshot
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by opening the OpenCRE Explorer page and reproducing the Debug mode (?) tooltip at a viewport around 360px wide. Inspect the tooltip's frontend styling and positioning; it is done when the full tooltip remains readable within the viewport on small mobile screens.
Written by the indexing model from the issue text.
Assessment
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100