storytold/storyteller-bevy
2
0
Fork 0
mirror of https://github.com/storytold/storyteller-bevy.git synced 2026-10-18 07:35:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Progress bar for scene loading (#71)

Browse Source
This commit is contained in:
Danny McGee
2024-03-04 14:39:48 -05:00
committed by GitHub
parent 3a27f3b881
commit 9875ea7cca
13 changed files with 180 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
studio-frontend/src/app/app.element.scss
-14
View File
@@ -39,17 +39,3 @@ sts-button.active {
max-height: calc(100vh - 32px);
pointer-events: auto;
}
.loading {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: #222;
color: #FFF;
font: {
family: "Fira Sans", sans-serif;
weight: 700;
}
}
studio-frontend/src/app/app.element.ts
+2 -4
View File
@@ -25,6 +25,7 @@ import "@storyteller/studio-ui/icon";
import "@storyteller/studio-ui/toolbar";
import "@storyteller/studio-ui/tree";
import "@storyteller/studio-web/canvas-provider";
import "@storyteller/studio-web/loading";
import "@storyteller/studio-web/scene-hierarchy";
import "@storyteller/studio-web/studio";
import "@storyteller/studio-web/transform-toolbar";
@@ -161,10 +162,7 @@ export class AppElement extends LitElement {
` : nothing}
${this.loading ? html`
<!-- TODO: Animated spinner or something -- talk to our designers -->
<div class="loading">
<h1>Loading</h1>
</div>
<sts-loading></sts-loading>
` : nothing}
</sts-canvas-provider>
`;