CodeForPhilly / CodeForPhilly/balancer-main

Improve PDF Reader UI/UX – Continuous Scroll, Toolbar Redesign, and Zoom Menu (Hard)

Aperta
#280 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
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:
![Image](https://github.com/user-attachments/assets/6f029c51-a325-4fd5-918a-d29176e6fe3d)

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:
![Image](https://github.com/user-attachments/assets/1a82b168-41b4-41b8-8202-21bf8a29cc2b)

Current:
![Image](https://github.com/user-attachments/assets/6e4b81fb-a151-446c-8c81-7391d117f027)

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:
![Image](https://github.com/user-attachments/assets/3fa5e5cb-83a0-4ead-8c4c-e72d2bddb378)

GOAL:
![Image](https://github.com/user-attachments/assets/d5f25d89-633c-49cd-b5e1-ce82d5d071a9)

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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.