Fixed some styling issues with chips and made them use the color property for the close button color.

2020-11-13 14:44:31 -08:00 · 2020-11-13 14:44:31 -08:00 · d89d2638fb
commit d89d2638fb
parent cf13ee1466
1 changed files with 5 additions and 2 deletions
--- a/chip.js
+++ b/chip.js
@ -42,8 +42,11 @@ class Chip extends IgniteElement {
            .child(
                new slot(this),
                new button()
-                    .class("btn ml-1 p-0")
-                    .child(`<i class="fad fa-times-circle" style="--fa-secondary-color: rgba(0,0,0,0.3); --fa-primary-color: rgba(0,0,0,0.5);"></i>`)
+                    .class("btn ml-2 p-0")
+                    .child(`<i class="fal fa-times"></i>`)
+                    .style("color", this.color)
+                    .style("line-height", "1")
+                    .style("border", "none")
                    .onClick(() => this.onDelete())
            );
    }