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

fix(web): mobile edit via inline fullscreen instead of hidden detail pane

Browse Source 
Detail pane is display:none on mobile, so edit mode was unreachable.
Render edit fields directly in the inline expansion with exp-full
takeover. ESC and Cmd+Enter work from within inputs.

Closes #32
This commit is contained in:
Tyler Koenig
2026-05-20 19:14:02 -04:00
parent 82bc6e7ba1
commit 7d1e0f895c
2 changed files with 69 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/style.css
+4
View File
@@ -1859,5 +1859,9 @@ kbd { background: var(--raised); border: 1px solid var(--border); border-radius:
.card-row.exp-full .entity-exp { grid-template-rows: 1fr; }
.entity-item.exp-full .exp-inner,
.card-row.exp-full .exp-inner { padding-top: 1rem; padding-bottom: 2rem; }
.exp-inner--edit { display: flex; flex-direction: column; min-height: 100%; }
.exp-inner--edit .peek-edit-fields { flex: 1; padding: 16px; }
.exp-inner--edit .peek-edit-ta { flex: 1; min-height: 150px; }
.exp-inner--edit .exp-acts { padding: 12px 16px; border-top: 1px solid var(--border); position: sticky; bottom: 0; background: var(--bg); }
main.focus-peek #entity-panel { display: block; overflow: auto; min-width: 0; }
}