CodeForPhilly / CodeForPhilly/balancer-main

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

Open
#280 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
21
Forks
19
PR merge metrics
No merged PRs in 30d

Description

**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)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.