lerko/nib-v1
1
1
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix/mobile-view #22

Merged
lerko merged 5 commits from fix/stream-zoom-ui into main 2026-05-17 02:50:40 +00:00
Conversation 0 Commits 5 Files Changed 2
+235 -31
lerko commented 2026-05-17 02:49:32 +00:00
Owner
Copy Link
Copy Source
  • Fix grid blowout at ≤900px caused by resize-handle columns and panel-state class conflicts
  • Replace bottom-sheet peek with inline accordion (entries expand in-place, grid-template-rows animation)
  • Works for both stream and cards views
  • z = fullscreen expand from entry, Escape = collapse, j/k navigate fluidly without re-render
  • Body clamped to 3 lines while navigating; fullscreen shows full markdown
- Fix grid blowout at ≤900px caused by resize-handle columns and panel-state class conflicts - Replace bottom-sheet peek with inline accordion (entries expand in-place, grid-template-rows animation) - Works for both stream and cards views - z = fullscreen expand from entry, Escape = collapse, j/k navigate fluidly without re-render - Body clamped to 3 lines while navigating; fullscreen shows full markdown
lerko added 5 commits 2026-05-17 02:49:33 +00:00
fix(ui): mobile breakpoint layout and peek interactions 180757827b 
Grid forced to single-column at ≤900px for all panel states.
Resize handles hidden, transitions killed to prevent slivers.
Peek pane gets mobile toolbar (expand/dismiss buttons).
Escape dismisses peek at any viewport. Z toggles full-screen
peek at mobile instead of no-op zen toggle.
feat(ui): inline expansion for mobile stream entries 694dfe1c89 
Replace bottom-sheet peek with inline accordion at ≤900px.
Entries expand in-place with grid-template-rows animation (0.2s).
Body clamped to 3 lines; fullscreen uncaps it.
Selection toggles DOM classes instead of re-rendering for fluid j/k nav.
fix(ui): card fullscreen transparency in mobile stream 35df7dcb69 
Explicit .is-card.exp-full selector overrides card background/border/margin
so fullscreen overlay is fully opaque.
fix(ui): render markdown in mobile inline expansion ad44d35d9b 
Use renderMd instead of escHtml for exp-body content.
Add .md class for consistent markdown styling.
feat(ui): inline expansion for cards view at mobile fa960ec204 
Same accordion pattern as stream: card-row gets entity-exp markup,
selectEntity/expandInline/dismissPeek/Escape all handle .card-row.
Fullscreen expand works for both views.
lerko changed title from fix/stream-zoom-ui to fix/mobile-view 2026-05-17 02:50:21 +00:00
lerko merged commit 7023806e1a into main 2026-05-17 02:50:40 +00:00
lerko deleted branch fix/stream-zoom-ui 2026-05-17 02:50:40 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
Bug
Feature
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
lerko (Tyler Koenig)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: lerko/nib-v1#22
Delete Branch "fix/stream-zoom-ui"

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?