diff --git a/studio-frontend/src/app/app.element.ts b/studio-frontend/src/app/app.element.ts index 86b838a..6f4d238 100644 --- a/studio-frontend/src/app/app.element.ts +++ b/studio-frontend/src/app/app.element.ts @@ -40,7 +40,6 @@ import "./anim-editor.element"; import "./anim-timeline-controller.element"; import "./help.element"; import "./studio-viewport.element"; -import "./temp-video-preview.element"; import "./app.element.scss"; @@ -54,7 +53,6 @@ import "./app.element.scss"; provide() { return this.params; } }) export class AppElement extends LitElement { - @state() showHelp = false; @state() loading = true; // @state() resizingPanel = false; @@ -69,7 +67,6 @@ export class AppElement extends LitElement { api = new StorytellerApi(mockApi ? new StorytellerLocalApi() : new StorytellerRemoteApi()); params = new StudioURLParams(); - #videoStylePreviewBtnRef = createRef(); #inspectorRef = createRef(); #hierarchyRef = createRef(); @@ -101,10 +98,6 @@ export class AppElement extends LitElement { // this.inspectorWidth = Math.max(Math.min(updated, 1024), 128); // } - toggleHelp(): void { - this.showHelp = !this.showHelp; - } - renderSidebar(): TemplateResult<1> { if (this.currentSidebar === 'hierarchy') { return html` --> - - ` : nothing} - - - - ${this.showHelp ? html` -
- -
- ` : nothing} ${this.loading ? html` diff --git a/studio-frontend/src/app/studio-viewport.element.ts b/studio-frontend/src/app/studio-viewport.element.ts index 599646f..798035e 100644 --- a/studio-frontend/src/app/studio-viewport.element.ts +++ b/studio-frontend/src/app/studio-viewport.element.ts @@ -24,6 +24,7 @@ import "@storyteller/studio-ui/forms/select"; import "@storyteller/studio-ui/toolbar"; import "./anim-timeline-controls.element"; import "./file-menu.element"; +import "./temp-video-preview.element"; import "./studio-viewport.element.scss"; import { match } from "@storyteller/utility"; @@ -52,6 +53,7 @@ export class StudioViewportElement extends LitElement { } #fileTriggerRef = createRef(); + #stylizeTriggerRef = createRef(); #mediaLibraryTriggerRef = createRef(); #helpDialogTriggerRef = createRef(); @@ -191,7 +193,11 @@ export class StudioViewportElement extends LitElement {
- + Stylize @@ -265,6 +271,10 @@ export class StudioViewportElement extends LitElement { tag="sts-help" skipWrapper > + + + `; } }