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

Fixed an issue with sizing circular progress bars. Added search loading property to chip list.

Browse Source
This commit is contained in:
Matt Mo
2021-02-03 10:04:42 -08:00
parent c647825b9f
commit 857c9a2ecc
2 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
circular-progress.js
View File

@@ -11,8 +11,6 @@ class CircularProgress extends IgniteElement {
mt-circular-progress > div > svg {
position: absolute;
z-index: 1;
left: calc(50% - (4em / 2));
top: calc(50% - (4em / 2));
animation: rotator 2s linear infinite;
}
@@ -81,6 +79,8 @@ class CircularProgress extends IgniteElement {
.attribute("viewBox", "22 22 44 44")
.style("width", this.size)
.style("height", this.size)
.style("left", this.size, null, size => `calc(50% - (${size} / 2))`)
.style("top", this.size, null, size => `calc(50% - (${size} / 2))`)
.show(this.loading)
.child(
new circle()