tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile-Friendly UI / Responsive Design #28

New Issue
Open
opened 2026-01-16 04:45:59 +00:00 by tonym · 0 comments
tonym commented 2026-01-16 04:45:59 +00:00
Owner
Copy Link
Copy Source

Summary

Improve mobile experience with responsive design.

Upstream Issues

Problem

Current UI not optimized for mobile. Tables and forms difficult on small screens.

Areas to Improve

1. Navigation

  • Fix hamburger menu positioning (currently floating button)
  • Move menu to header bar
  • Consider bottom nav for mobile
  • Collapsible sidebar

2. Tables

  • Horizontal scroll or card view
  • Hide less important columns
  • Expandable rows for details

3. Forms

  • Full-width inputs on mobile
  • Larger touch targets
  • Stacked layout

4. QR Scanner

  • Full-screen camera on mobile
  • Easy home screen access

5. Quick Actions

  • Mobile-optimized "use spool" flow
  • Large buttons for common actions

Implementation

  • Ant Design responsive breakpoints
  • CSS media queries
  • PWA for "Add to Home Screen"
  • Test various screen sizes

Related

  • #12 Home Page Redesign
## Summary Improve mobile experience with responsive design. ## Upstream Issues - https://github.com/Donkie/Spoolman/issues/695 (3 reactions) - https://github.com/Donkie/Spoolman/issues/126 - Hamburger menu positioning ## Problem Current UI not optimized for mobile. Tables and forms difficult on small screens. ## Areas to Improve ### 1. Navigation - Fix hamburger menu positioning (currently floating button) - Move menu to header bar - Consider bottom nav for mobile - Collapsible sidebar ### 2. Tables - Horizontal scroll or card view - Hide less important columns - Expandable rows for details ### 3. Forms - Full-width inputs on mobile - Larger touch targets - Stacked layout ### 4. QR Scanner - Full-screen camera on mobile - Easy home screen access ### 5. Quick Actions - Mobile-optimized "use spool" flow - Large buttons for common actions ## Implementation - Ant Design responsive breakpoints - CSS media queries - PWA for "Add to Home Screen" - Test various screen sizes ## Related - #12 Home Page Redesign
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
tonym (Tony Moon)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: tonym/spoolman2#28