Hynes/Void-Homelab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): page header actions — Edit (accent) + Revisions menu (view/restore) + Export, top-right

Browse Source 
Editor refactored to expose controls; Edit moved into the doc header as the orange
primary action; new Revisions dropdown lists page_revisions with a modal preview + Restore.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
root
2026-06-04 23:26:36 +10:00
parent 0a490e4e68
commit 6d01cb34a7
4 changed files with 92 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/style.css
View File

@@ -164,7 +164,8 @@ button.ghost:hover { color: var(--text); border-color: var(--accent-dim); }
.doc-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.doc-head-left { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; flex-wrap: wrap; }
.doc-head .back-btn { margin-bottom: 0; }
.doc-head .exp-menu { margin-left: auto; }
.doc-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; flex: none; flex-wrap: wrap; justify-content: flex-end; }
.ed-controls { display: inline-flex; align-items: center; gap: 8px; }
/* Breadcrumb: Space › parent › current — sized + themed to sit inline with the back button */
.crumbs { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 13px; font-family: var(--font-ui); line-height: 1; }
@@ -179,6 +180,14 @@ button.ghost:hover { color: var(--text); border-color: var(--accent-dim); }
.exp-menu.open .exp-list { display: block; }
.exp-list button { display: block; width: 100%; text-align: left; background: transparent; border: none; color: var(--text); padding: 7px 10px; border-radius: 3px; cursor: pointer; font-size: 12px; font-family: var(--font-ui); }
.exp-list button:hover { background: var(--accent-soft); color: var(--accent); }
.rev-list { max-height: 340px; overflow-y: auto; min-width: 220px; }
/* Revision viewer modal */
.rev-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.62); z-index: 100; display: flex; align-items: center; justify-content: center; padding: 24px; }
.rev-modal { background: var(--panel); border: 1px solid var(--border); border-radius: 8px; width: min(820px, 94vw); max-height: 86vh; display: flex; flex-direction: column; box-shadow: 0 14px 50px rgba(0, 0, 0, 0.6); }
.rev-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--border); font-family: var(--font-display); color: var(--accent); letter-spacing: 0.04em; font-size: 13px; }
.rev-modal .md-preview { padding: 16px 20px; overflow-y: auto; flex: 1; }
.rev-modal-foot { padding: 12px 16px; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; }
/* modal */
.modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; z-index: 100; }