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

fix svg error in spinner

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) {
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"})
);
}
}

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

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

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

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