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

Added linear progress component. Fixed a z-index issues with the circular progress. Added better border support for editable labels and chip lists.

Browse Source
This commit is contained in:
Matt Mo
2020-12-01 11:49:01 -08:00
parent 0254076862
commit d24c50cacb
4 changed files with 118 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
circular-progress.js
View File

@@ -10,6 +10,7 @@ class CircularProgress extends IgniteElement {
return `
mt-circular-progress > div > svg {
position: absolute;
z-index: 999999;
left: calc(50% - (4em / 2));
top: calc(50% - (4em / 2));
animation: rotator 2s linear infinite;
@@ -83,11 +84,11 @@ class CircularProgress extends IgniteElement {
.show(this.loading)
.child(
new circle()
.attribute("cx", "44")
.attribute("cy", "44")
.attribute("r", "20.2")
.attribute("fill", "none")
.attribute("stroke-width", this.stroke)
.attribute("cx", "44")
.attribute("cy", "44")
.attribute("r", "20.2")
.attribute("fill", "none")
.attribute("stroke-width", this.stroke)
),
new slot(this)
)