From c48ca2874b5069b452f301799eeab810bc765c1c Mon Sep 17 00:00:00 2001 From: Daniel Jacobs Date: Mon, 27 Jun 2022 11:23:03 -0400 Subject: [PATCH] web: Add meaningless loading animation to preloader --- web/packages/core/src/shadow-template.ts | 40 +++++++++++++++++++++++- 1 file changed, 39 insertions(+), 1 deletion(-) diff --git a/web/packages/core/src/shadow-template.ts b/web/packages/core/src/shadow-template.ts index 81321486b..5d28c7a5f 100644 --- a/web/packages/core/src/shadow-template.ts +++ b/web/packages/core/src/shadow-template.ts @@ -265,9 +265,47 @@ preloaderTemplate.innerHTML = ` .logo { display: var(--logo-display, block); + max-width: 380px; + max-height: 150px; + resize: horizontal; + width: 100%; + height: 100%; + } + + .loadingAnimation { + max-width: 28px; + max-height: 28px; + aspect-ratio: 1; + width: 10%; + padding-bottom: 5%; + } + + .loading { + transform-origin: 50% 50% 0px; + } + + .spinner { + stroke-dasharray: 180; + stroke-dashoffset: 0; + stroke: var(--ruffle-orange); + transform-origin: 50% 50%; + animation: rotate 1.5s linear infinite; + } + + @keyframes rotate { + 0% { stroke-dashoffset: 135; } + 100% { + stroke-dashoffset: 135; + transform: rotate(360deg); + } } - + + + + + +
`;