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

Added code so that if circular-progress is not center then it centers the progress bar.

Browse Source
This commit is contained in:
MattMo 2022-04-04 22:55:19 -07:00
parent 48154a8d65
commit 2f406016b5
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
circular-progress.js
View File

@ -13,6 +13,12 @@ class CircularProgress extends IgniteElement {
flex-direction: column; flex-direction: column;
} }
mt-circular-progress > div:not(.center) {
display: flex;
align-items: center;
justify-content: center;
}
mt-circular-progress > div { mt-circular-progress > div {
position: relative; position: relative;
flex: 1; flex: 1;
@ -67,7 +73,7 @@ class CircularProgress extends IgniteElement {
render() { render() {
return this.template.child( return this.template.child(
new div().child( new div().class(this.center, value => value ? "center" : null).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)