mjasin/Nexus.Reader
1
0
Fork 0
Code Issues 9 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

[Mobile] Implement Safe Area Insets & Reader Footer Blur #15

New Issue
Closed
opened 2026-05-07 16:45:39 +00:00 by mjasin · 0 comments
mjasin commented 2026-05-07 16:45:39 +00:00
Owner
Copy Link
Copy Source

Issue 4: Mobile Safe Zone Integration & Reader Footer Polish

System Prompt:

Context: The progress bar and footer overlap with system home bars on iOS/Android devices.
Role: Cross-Platform Developer (.NET MAUI Hybrid).
Task: Optimize ReaderFooter.razor for mobile hardware.
Requirements:

  1. Apply padding-bottom: env(safe-area-inset-bottom, 1rem) to the footer container.
  2. Implement backdrop-filter: blur(12px) with background: rgba(249, 249, 249, 0.8) for a premium translucent feel.
  3. Ensure the dual-tone progress bar uses a subtle shadow to separate it from the reader background.
    Constraint: Must not break standard web layout (provide fallback for non-mobile environments).
#### **Issue 4: Mobile Safe Zone Integration & Reader Footer Polish** **System Prompt:** > **Context:** The progress bar and footer overlap with system home bars on iOS/Android devices. > **Role:** Cross-Platform Developer (.NET MAUI Hybrid). > **Task:** Optimize `ReaderFooter.razor` for mobile hardware. > **Requirements:** > > 1. Apply `padding-bottom: env(safe-area-inset-bottom, 1rem)` to the footer container. > 2. Implement `backdrop-filter: blur(12px)` with `background: rgba(249, 249, 249, 0.8)` for a premium translucent feel. > 3. Ensure the dual-tone progress bar uses a subtle shadow to separate it from the reader background. > **Constraint:** Must not break standard web layout (provide fallback for non-mobile environments).
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Antigravity M.Wojtaszek mjasin (Marek Jaisński)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#15
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?