fix: Styling issue for story debugger

Losses · May 26, 2024 · 97d55f9 · 97d55f9
1 parent 4bfdd44
commit 97d55f9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -191,7 +191,7 @@
       </div>
     </div>
   </div>
-  <div class="story-visualize-container">
+  <div class="story-visualize-container hidden">
     <div id="story-visualize"></div>
   </div>
   <script src="src/index.ts" type="module"></script>

diff --git a/src/manager/StoryManager.ts b/src/manager/StoryManager.ts
@@ -113,7 +113,9 @@ const convertStory = (x: ITimelineEvent<string, unknown>[]): DataItem[] => x.map
 }));
 
 export const visualizeStory = (index = 0) => {
-   const container = forceSelect<HTMLDivElement>('#story-visualize');
+   const $container = forceSelect<HTMLDivElement>('.story-visualize-container');
+   $container.classList.remove('hidden');
+   const $story = forceSelect<HTMLDivElement>('#story-visualize');
 
    const items: DataItemCollectionType = convertStory(stories[index]);
 
@@ -124,7 +126,7 @@ export const visualizeStory = (index = 0) => {
    };
 
    // Create a Timeline
-   const timeline = new Timeline(container, items, options);
+   const timeline = new Timeline($story, items, options);
 };
 
 // @ts-ignore