Media pool: this project and all assets
This project lists every symbol in the document and the video it uses or was given this session, each with a frame from its proxy as a thumbnail. All assets lists every upload on the server and every other saved project's symbols, from a new /api/symbols that reads symbol leaf paths. Every row is a drag source (symbol:, import:, footage:). Uploading no longer runs straight into detection; it lands in the project's media. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
c81f91c442
commit
d5f044c6da
11 changed files with 270 additions and 105 deletions
|
|
@ -255,6 +255,19 @@ input[type="range"] { width: 100%; accent-color: var(--sel); }
|
|||
/* --------------------------------------------------------------------------
|
||||
media pool */
|
||||
|
||||
/* Two folders, THIS PROJECT and ALL ASSETS, each holding groups. */
|
||||
.pool-folder { margin-bottom: 8px; }
|
||||
.pool-folder > summary {
|
||||
cursor: pointer;
|
||||
padding: 2px 0 4px;
|
||||
font-weight: 600;
|
||||
color: var(--fg);
|
||||
}
|
||||
.pool-folder > .pool-group { padding-left: 8px; }
|
||||
.pool-project { margin-bottom: 2px; }
|
||||
.pool-project > summary { cursor: pointer; color: var(--dim); padding: 1px 0; }
|
||||
.pool-project > .pool-item { margin-left: 10px; width: calc(100% - 10px); }
|
||||
|
||||
.pool-group { margin-bottom: 9px; }
|
||||
|
||||
/* The one-line gloss under a group heading. Small and quiet: it answers "what
|
||||
|
|
@ -287,6 +300,19 @@ input[type="range"] { width: 100%; accent-color: var(--sel); }
|
|||
.pool-item:hover:not(:disabled) { background: #fff; }
|
||||
.pool-item.on { background: var(--sel-bg); border-color: var(--sel); }
|
||||
.pool-item .sub { display: block; color: var(--dim); }
|
||||
.pool-item .text { display: block; overflow: hidden; text-overflow: ellipsis; }
|
||||
|
||||
/* A media row leads with one frame of the video. */
|
||||
.pool-item.media { display: flex; align-items: center; gap: 6px; }
|
||||
.pool-item .thumb {
|
||||
flex: 0 0 40px;
|
||||
width: 40px;
|
||||
height: 30px;
|
||||
object-fit: cover;
|
||||
background: var(--stage);
|
||||
border-radius: 2px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* The whole pane is the drop target, so the cue has to be the pane and not a
|
||||
zone inside it — a drop that lands two pixels outside a dashed rectangle and
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue