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:
parent
0f9ce826ef
commit
c139e4d747
3 changed files with 85 additions and 47 deletions
|
|
@ -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); }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue