smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add loading state (#1027)

Browse source 
* add loading state

* update snapshots

* add border radius

* fix comment breaking build jsx
This commit is contained in:
David Luzar 2020-03-26 18:28:26 +01:00 • committed by GitHub
parent d8708cb14f
commit cac2dda5ac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 214 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

26
public/index.html
View file

@ -130,6 +130,26 @@
media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image"
/>
<style>
.LoadingMessage {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.LoadingMessage span {
background-color: rgba(255, 255, 255, 0.8);
border-radius: 5px;
padding: 0.8em 1.2em;
font-size: 1.3em;
}
</style>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-387204-13"
@ -151,7 +171,11 @@
<header>
<h1 class="visually-hidden">Excalidraw</h1>
</header>
<div id="root"></div>
<div id="root">
<div class="LoadingMessage">
<span>Loading scene...</span>
</div>
</div>
<aside>
<!-- https://github.com/tholman/github-corners -->
<svg