mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-07 01:56:04 +00:00
fix(studio): harden composition timeline reliability (#2615)
* fix(studio): preserve composition playback continuity * feat(studio): drag compositions into the timeline * fix(studio): collapse expanded composition move aliases * fix(studio): make timeline cuts atomic * fix(studio): group inspector gesture history * test(studio): cover masked text selection * fix(studio): harden composition timeline reliability * fix(studio): satisfy CI source gates * fix(studio): harden composition mutation requests
This commit is contained in:
+24
@@ -0,0 +1,24 @@
|
||||
<template id="nested-shell-template">
|
||||
<section
|
||||
id="nested-shell-root"
|
||||
data-composition-id="nested-shell"
|
||||
data-width="480"
|
||||
data-height="220"
|
||||
data-start="0"
|
||||
data-duration="6"
|
||||
data-no-timeline
|
||||
style="position: relative; width: 480px; height: 220px; overflow: hidden; background: #17221f"
|
||||
>
|
||||
<div
|
||||
id="nested-title-host"
|
||||
class="clip"
|
||||
data-hf-id="nested-title-host"
|
||||
data-composition-id="nested-title-card"
|
||||
data-composition-src="title-card.html"
|
||||
data-start="1"
|
||||
data-duration="4"
|
||||
data-track-index="0"
|
||||
style="position: absolute; inset: 0; width: 480px; height: 220px"
|
||||
></div>
|
||||
</section>
|
||||
</template>
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
<template id="title-card-template">
|
||||
<section
|
||||
id="title-card-root"
|
||||
data-composition-id="title-card"
|
||||
data-width="480"
|
||||
data-height="220"
|
||||
data-start="0"
|
||||
data-duration="4"
|
||||
data-no-timeline
|
||||
>
|
||||
<style>
|
||||
#title-card-root {
|
||||
box-sizing: border-box;
|
||||
width: 480px;
|
||||
height: 220px;
|
||||
padding: 32px;
|
||||
overflow: hidden;
|
||||
background: #202736;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
.hl-block {
|
||||
width: 100%;
|
||||
}
|
||||
.hl-mask {
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
}
|
||||
.hl-text {
|
||||
margin: 0;
|
||||
color: #f4f7ff;
|
||||
font-size: 52px;
|
||||
line-height: 1.05;
|
||||
}
|
||||
</style>
|
||||
<div class="hl-block" data-hf-id="title-block">
|
||||
<div class="hl-mask" data-hf-id="title-mask">
|
||||
<h1 class="hl-text" data-hf-id="title-text">Reliable compositions</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
Reference in New Issue
Block a user