|
|
|
@ -27,6 +27,7 @@ class VerticalIconComponent { |
|
|
|
|
addIcon (mod) { |
|
|
|
|
let kind = mod.kind || 'other' |
|
|
|
|
this.icons[mod.name] = yo`<div class="${css.icon}" onclick=${(e) => { this._iconClick(mod.name) }} title=${mod.name} ><img src="${mod.icon}" alt="${mod.name}" /></div>` |
|
|
|
|
|
|
|
|
|
this.iconKind[kind].appendChild(this.icons[mod.name]) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -132,6 +133,11 @@ const css = csjs` |
|
|
|
|
height: 28px; |
|
|
|
|
padding: 4px; |
|
|
|
|
} |
|
|
|
|
.icon svg { |
|
|
|
|
width: 28px; |
|
|
|
|
height: 28px; |
|
|
|
|
padding: 4px; |
|
|
|
|
} |
|
|
|
|
.icon.active { |
|
|
|
|
border: solid 3px hsla(229, 75%, 87%, 1); |
|
|
|
|
border-radius: 8px; |
|
|
|
|