Goldenwere/mackenzii
Goldenwere/mackenzii
1
0
Fork 0
Code Activity Actions

wrap link icon

Browse source
This commit is contained in:
lightling 2024-06-23 12:17:22 -04:00
parent 370ce0cefe
commit c91b284d70
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
libs/embeds/src/link.ts
View file

@ -63,18 +63,22 @@ export class LinkEmbed extends HTMLElement {
} }
this.append(_link) this.append(_link)
const _iconWrapper = ownerDocument.createElement('div')
_iconWrapper.classList.add('icon-wrapper')
_link.append(_iconWrapper)
const _icon = ownerDocument.createElement('img') const _icon = ownerDocument.createElement('img')
_link.append(_icon)
_icon.alt = '' // decorative _icon.alt = '' // decorative
_icon.classList.add('no-inflate') _icon.classList.add('no-inflate')
_iconWrapper.append(_icon)
this._observers.icon = { this._observers.icon = {
element: _icon, element: _icon,
observer: (oldVal, newVal) => { observer: (oldVal, newVal) => {
const { element } = this._observers.icon
if (!!newVal) { if (!!newVal) {
element!.setAttribute('src', newVal) _icon.setAttribute('src', newVal)
_iconWrapper.style.display = 'inherit'
} else { } else {
element!.style.display = 'hidden' _iconWrapper.style.display = 'hidden'
} }
}, },
} }