Rename the project from the top bar; export from a dialog

The title is a button that becomes a field, saved on Enter or blur. Export's
target and scale move out of the bar into a dialog.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Olive Vaughn 2026-09-30 01:12:08 -04:00
parent 0f9ce826ef
commit c139e4d747
3 changed files with 85 additions and 47 deletions

View file

@ -194,6 +194,19 @@ input[type="range"] { width: 100%; accent-color: var(--sel); }
color: var(--dim);
}
.project-title { max-width: 22vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-name { width: 180px; }
.export-scrim { position: fixed; inset: 0; z-index: 50; background: rgba(0, 0, 0, .45); }
.export-dialog {
position: fixed; z-index: 51; top: 50%; left: 50%; transform: translate(-50%, -50%);
width: min(360px, calc(100vw - 32px)); padding: 14px;
background: var(--pane); border: 1px solid var(--line); border-radius: 3px;
box-shadow: 0 8px 30px rgba(0, 0, 0, .45);
}
.export-dialog h2 { margin: 0 0 12px; font: inherit; font-weight: 600; }
.export-field { display: grid; gap: 4px; margin: 8px 0; color: var(--dim); }
.export-field select { color: var(--fg); }
/* --------------------------------------------------------------------------
the open menu */
@ -520,6 +533,10 @@ button.share-button:hover, button.share-button.on { filter: brightness(1.1); }
letter-spacing: .07em;
}
.inspector-form { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-top: 7px; }
.inspector-field { display: grid; gap: 2px; color: var(--dim); }
.inspector-field input { width: 100%; color: var(--fg); }
/* Label / value, once, for every read-only fact in the pane. */
.facts { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; margin: 0; }
.facts dt { color: var(--dim); }