Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix svg error in spinner

Browse source
This commit is contained in:
Bruno Windels 2020-05-06 23:31:22 +02:00
parent 2010704f14
commit abc99c2f0b
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/ui/web/common.js
View file

@ -1,5 +1,5 @@
export function spinner(t, extraClasses = undefined) { export function spinner(t, extraClasses = undefined) {
return t.svg({className: Object.assign({"spinner": true}, extraClasses), viewBox:"0 0 100% 100%"}, return t.svg({className: Object.assign({"spinner": true}, extraClasses), viewBox:"0 0 100 100"},
t.circle({cx:"50%", cy:"50%", r:"45%", pathLength:"100"}) t.circle({cx:"50%", cy:"50%", r:"45%", pathLength:"100"})
); );
} }

2
src/ui/web/css/spinner.css
View file

@ -23,7 +23,7 @@
animation-timing-function: linear; animation-timing-function: linear;
fill: none; fill: none;
stroke: currentcolor; stroke: currentcolor;
stroke-width: calc(var(--size) * 0.1); stroke-width: 12;
stroke-linecap: butt; stroke-linecap: butt;
} }

4
src/ui/web/view-gallery.html
View file

@ -24,7 +24,7 @@
} }
</script> </script>
<h1>View Gallery</h1> <h1>View Gallery</h1>
<h2 name="session-status">Session Status</h2> <h2 name="session-status">Session Status Bar</h2>
<div id="session-status" class="brawl"></div> <div id="session-status" class="brawl"></div>
<script id="main" type="module"> <script id="main" type="module">
import {SessionStatusView} from "./session/SessionStatusView.js"; import {SessionStatusView} from "./session/SessionStatusView.js";
@ -35,7 +35,7 @@
isConnectNowShown: true, isConnectNowShown: true,
connectNow: () => alert("connecting now") connectNow: () => alert("connecting now")
})); }));
document.getElementById("login").appendChild(view.mount()); document.getElementById("session-status").appendChild(view.mount());
</script> </script>
<h2 name="login">Login</h2> <h2 name="login">Login</h2>
<div id="login" class="brawl"></div> <div id="login" class="brawl"></div>