public/librenotes
1
0
Fork 0
Code Issues 37 Pull Requests Actions Packages Projects Releases Wiki Activity

Overhaul CSS for responsive layouts (320px to 2560px) #18

New Issue
Open
opened 2026-02-25 16:05:15 +01:00 by libretech · 0 comments
libretech commented 2026-02-25 16:05:15 +01:00
Owner
Copy Link

Summary

Rewrite the CSS layout system to support screen widths from 320px to 2560px.

Implementation Tasks

  • Audit current CSS for fixed-width assumptions
  • Define breakpoints (e.g., 320, 768, 1024, 1440, 2560)
  • Implement mobile layout (stacked sidebar/editor)
  • Implement tablet layout (collapsible sidebar)
  • Implement desktop layout (side-by-side)
  • Implement ultrawide layout
  • Test on real devices or emulators

Acceptance Criteria

  • No horizontal scrolling at any supported viewport width
  • Sidebar is accessible via toggle on mobile
  • Editor is usable at 320px width
  • Content area uses available space effectively at 2560px
## Summary Rewrite the CSS layout system to support screen widths from 320px to 2560px. ## Implementation Tasks - [ ] Audit current CSS for fixed-width assumptions - [ ] Define breakpoints (e.g., 320, 768, 1024, 1440, 2560) - [ ] Implement mobile layout (stacked sidebar/editor) - [ ] Implement tablet layout (collapsible sidebar) - [ ] Implement desktop layout (side-by-side) - [ ] Implement ultrawide layout - [ ] Test on real devices or emulators ## Acceptance Criteria - [ ] No horizontal scrolling at any supported viewport width - [ ] Sidebar is accessible via toggle on mobile - [ ] Editor is usable at 320px width - [ ] Content area uses available space effectively at 2560px
libretech added the
phase-3
 label 2026-02-25 16:05:15 +01:00
libretech added the
task
 label 2026-02-28 20:25:53 +01:00
libretech changed title from Responsive CSS overhaul to Overhaul CSS for responsive mobile-to-desktop layouts 2026-02-28 20:25:53 +01:00
libretech changed title from Overhaul CSS for responsive mobile-to-desktop layouts to Overhaul CSS for responsive layouts (320px to 2560px) 2026-02-28 21:14:09 +01:00
libretech added the
frontend
 label 2026-03-01 20:32:40 +01:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
backend
Backend changes
database
Database changes
documentation
Documentation improvements
epic
frontend
Frontend changes
infrastructure
Infrastructure and deployment
launch
Launch and release tasks
phase-0
phase-1
phase-2
phase-3
phase-4
phase-5
phase-6
security
Security-related
task
Actionable task
No Label
frontend
phase-3
task
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
libretech
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: public/librenotes#18
No description provided.
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?