BCStudentSoftwareDevTeam / BCStudentSoftwareDevTeam/lsf
Garbled UI on LSF website for narrow screens
- Dominant language
- Python
- Stars
- 1
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
## Two separate UI problems:
## 1) The "devcontainer-fluid" field incorrectly wraps on top of the "entries per page" dropdown when the window is narrowed:
## Normal:
## When the window is narrowed:
## 2) Occasionally, when the Form Search dropdown is expanded, the Limit Form Status and Limit Form Type checklists wrap on top (sometimes below) of the sorting options:
## For the 2nd problem, it seems to happen after a fresh start; after navigating the website for a while, the wrapping problem went away.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing both narrow-screen problems on the LSF website, including a fresh start and later navigation, and compare the normal and narrowed layouts shown in the issue. Identify the UI entry points responsible for the devcontainer-fluid field, entries-per-page dropdown, Form Search dropdown, checklists, and sorting options; done means none overlap at the reported widths or states.
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
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100