BCStudentSoftwareDevTeam / BCStudentSoftwareDevTeam/lsf

Garbled UI on LSF website for narrow screens

Open
#585 1 comment 0 reactions 0 assignees View on GitHub
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:
Image

## When the window is narrowed:
Image

## 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:

Image

Image

## 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.