MontoyaTech/ignite-html-material
MontoyaTech/ignite-html-material
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improving circular progress functionality.

Browse Source
This commit is contained in:
MattMo 2021-06-09 18:57:40 -07:00
parent 1eedfe8abb
commit 48c8b6573a
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
circular-progress.js
View File

@ -8,6 +8,16 @@ class CircularProgress extends IgniteElement {
get styles() { get styles() {
return /*css*/` return /*css*/`
mt-circular-progress {
display: flex;
flex-direction: column;
}
mt-circular-progress > div {
position: relative;
flex: 1;
}
mt-circular-progress > div > svg { mt-circular-progress > div > svg {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
@ -57,7 +67,7 @@ class CircularProgress extends IgniteElement {
render() { render() {
return this.template.child( return this.template.child(
new div().style("position", "relative").child( new div().child(
new svg() new svg()
.attribute("viewBox", "22 22 44 44") .attribute("viewBox", "22 22 44 44")
.style("width", this.size) .style("width", this.size)