|
|
@ -65,11 +65,14 @@
|
|
|
|
slot="trigger"
|
|
|
|
slot="trigger"
|
|
|
|
class="title timeline-menu-title"
|
|
|
|
class="title timeline-menu-title"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<span>{{ timelineName() }}</span>
|
|
|
|
<span class="timeline-title">{{ timelineName() }}</span>
|
|
|
|
|
|
|
|
<span>
|
|
|
|
<FAIcon
|
|
|
|
<FAIcon
|
|
|
|
size="sm"
|
|
|
|
size="sm"
|
|
|
|
icon="chevron-down"
|
|
|
|
icon="chevron-down"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<span class="click-blocker" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Popover>
|
|
|
|
</Popover>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
@ -117,8 +120,9 @@
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
.timeline-menu-name {
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
white-space: nowrap;
|
|
|
@ -128,6 +132,12 @@
|
|
|
|
margin-left: 0.6em;
|
|
|
|
margin-left: 0.6em;
|
|
|
|
transition: transform 100ms;
|
|
|
|
transition: transform 100ms;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.click-blocker {
|
|
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.open .timeline-menu-title svg {
|
|
|
|
&.open .timeline-menu-title svg {
|
|
|
|