BCStudentSoftwareDevTeam / BCStudentSoftwareDevTeam/lsf

Garbled UI on LSF website for narrow screens

Aperta
#585 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
Python
Stelle
1
Fork
1
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

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

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Inizia riproducendo entrambi i problemi su schermo stretto sul sito web LSF, includendo un avvio da zero e una navigazione successiva, e confronta i layout normale e stretto mostrati nell’issue. Individua i punti di ingresso della UI responsabili del campo devcontainer-fluid, del menu a discesa entries-per-page, del menu a discesa Form Search, delle checklist e delle opzioni di ordinamento; il lavoro è completato quando nulla si sovrappone alle larghezze o negli stati segnalati.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
48/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.