Represent tracing media as symbols and add pool thumbnails
This commit is contained in:
parent
551d572347
commit
17e1b4f403
49 changed files with 1777 additions and 864 deletions
|
|
@ -875,7 +875,7 @@ button.share-button:hover, button.share-button.on { filter: brightness(1.1); }
|
|||
|
||||
.paint-overlay { position: absolute; inset: 0; touch-action: none; }
|
||||
/* The footage traced over: a reference above the picture, never part of it. */
|
||||
.underlay { position: absolute; inset: 0; pointer-events: none; }
|
||||
.tracing { position: absolute; inset: 0; pointer-events: none; }
|
||||
.paint-overlay.drawing { cursor: crosshair; }
|
||||
.paint-overlay circle { cursor: grab; }
|
||||
|
||||
|
|
@ -1176,6 +1176,12 @@ button.share-button:hover, button.share-button.on { filter: brightness(1.1); }
|
|||
|
||||
/* A sound's bar, told apart from the picture's at a glance. */
|
||||
.tl-span.sound { background: #e3efdf; border-color: #a6c49b; }
|
||||
/* A tracing layer is a reference, never exported: hatched and dashed so it
|
||||
cannot be read as a drawing. */
|
||||
.tl-span.trace, .tl-cel.trace {
|
||||
background: repeating-linear-gradient(135deg, transparent 0 4px, rgba(0, 0, 0, 0.07) 4px 8px);
|
||||
border: 1px dashed var(--span-line);
|
||||
}
|
||||
.pool-item .thumb.sound { display: flex; align-items: center; justify-content: center; color: #d9d9d9; }
|
||||
|
||||
/* The span the node exists over. Drawn under the keys so a dot on the first
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue