From ca0b17de7fe90ec36f575c7dc168d524c1e35ec7 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Wed, 21 Sep 2022 11:15:14 +0200 Subject: [PATCH] Fix edit/delete buttons are not clickable on editable avatar --- api/js/etemplate/Et2Avatar/Et2Avatar.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/api/js/etemplate/Et2Avatar/Et2Avatar.ts b/api/js/etemplate/Et2Avatar/Et2Avatar.ts index de7bfc8101..12b765f7be 100644 --- a/api/js/etemplate/Et2Avatar/Et2Avatar.ts +++ b/api/js/etemplate/Et2Avatar/Et2Avatar.ts @@ -35,6 +35,7 @@ export class Et2Avatar extends Et2Widget(SlotMixin(SlAvatar)) implements et2_IDe visibility: hidden; border-radius: 50%; margin: -4px; + z-index: 1; } :host(:hover)::part(edit) { @@ -227,10 +228,10 @@ export class Et2Avatar extends Et2Widget(SlotMixin(SlAvatar)) implements et2_IDe private _buildEditableLayer(_noDelete : boolean) { let self = this; - this._editBtn = document.createElement('sl-icon-button'); + this._editBtn = document.createElement('et2-button-icon'); this._editBtn.setAttribute('name', 'pencil'); this._editBtn.setAttribute('part', 'edit'); - this._delBtn = document.createElement('sl-icon-button'); + this._delBtn = document.createElement('et2-button-icon'); this._delBtn.setAttribute('name', 'trash'); this._delBtn.setAttribute('part', 'edit'); this._baseNode.append(this._editBtn);