nate/homeschool
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix New Document button and make editor full-screen
Build and Push Docker Image / build-and-push (push) Successful in 35s
Details

Browse Source 
- Replace prompt() with inline title form (button → input → Create/Cancel)
- Editor view: position:fixed inset:0 z-index:200 so it covers full screen
- Docs editor toolbar moved into CSS (was duplicated in styles)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 4.6 committed 2026-10-19 14:29:01 -04:00
1 parent 95c0da5c51
commit 9375332f6a
3 files changed
+55 -9
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/styles.css
+32 -5
View File
@@ -2208,11 +2208,38 @@ body.bg-bubbles {
.docs-submit-btn:hover { opacity: .85; }
.docs-submit-btn:disabled { background: var(--muted); opacity: .6; cursor: default; }
#docs-editor-view { display: flex; flex-direction: column; height: calc(100vh - 11rem); }
#docs-editor-frame { flex: 1; }
#docs-editor-frame iframe { width: 100%; height: 100%; border: none; }
#docs-editor-view {
position: fixed; inset: 0; z-index: 200;
display: flex; flex-direction: column;
background: var(--bg);
}
#docs-editor-frame { flex: 1; min-height: 0; }
#docs-editor-frame iframe { width: 100%; height: 100%; border: none; display: block; }
.docs-editor-toolbar {
display: flex; align-items: center; gap: .75rem;
padding: .6rem 1rem;
background: var(--card); border-bottom: 1.5px solid var(--border);
flex-shrink: 0;
}
.docs-new-form {
display: flex; gap: .5rem; align-items: center;
margin-bottom: .75rem; flex-wrap: wrap;
}
.docs-new-input {
flex: 1; min-width: 160px;
border: 1.5px solid var(--border); border-radius: 10px;
padding: .55rem .85rem; font-size: .95rem; font-family: inherit;
background: var(--card); color: var(--ink);
outline: none;
}
.docs-new-input:focus { border-color: var(--accent); }
.docs-cancel-btn {
background: none; border: 1.5px solid var(--border); color: var(--muted);
border-radius: 10px; padding: .55rem .85rem; font-size: .9rem; font-weight: 600;
cursor: pointer; font-family: inherit;
}
.docs-error { padding: 1.5rem; color: var(--muted); font-size: .9rem; }
.docs-error code { background: var(--surface); padding: .1rem .4rem; border-radius: 4px; }
#tab-docs .tab-panel { padding: 1.25rem; }