CodeForPhilly / CodeForPhilly/balancer-main
Improve PDF Reader UI/UX – Continuous Scroll, Toolbar Redesign, and Zoom Menu (Hard)
- Lingua principale
- TypeScript
- Stelle
- 21
- Fork
- 19
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
**Location:**
drugsummary
**Description:**
Enhance the user experience of the PDF reader by making the following updates:
1. Continuous Scrolling Support
- Current Behavior: Only one page is loaded and visible at a time. Navigation requires clicking the next (→) button.
- Goal: Load the entire PDF document at once to enable continuous vertical scrolling through all pages—no manual navigation needed.
Current:

2. Zoom Dropdown Menu
- Current Behavior: Zoom is adjusted through basic buttons or unclear UI.
- Goal: Implement a dropdown menu for zoom controls (e.g., 50%, 75%, 100%, 150%, Fit to Width).
GOAL:

Current:

3. Top Toolbar Redesign
- Current Behavior: Outdated toolbar UI with limited styling and functionality.
- Goal: Update the top toolbar to reflect a more modern and cleaner design, consistent with the latest UI mockup.
-
Current:

GOAL:

Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Direzione di ricerca
Inizia dal punto di ingresso del lettore PDF di drugsummary e analizza come sono attualmente assemblati la navigazione tra le pagine, i controlli dello zoom e la barra degli strumenti superiore. Confronta l’UI esistente con i mockup forniti e verifica il comportamento sull’intero documento. Il lavoro è completato quando sono presenti lo scorrimento verticale continuo, le opzioni di zoom richieste e una barra degli strumenti riprogettata che corrisponda agli obiettivi indicati.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- typescript
- Ambito
- frontend
- Tipo di issue
- Funzionalità
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 25/100