extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-02-08 14:30:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix avatar's action buttons not being bound to hover

Browse Source
This commit is contained in:
Hadi Nategh 2022-07-18 16:32:57 +02:00
parent d94bdb24a6
commit 918980af66
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
api/js/etemplate/Et2Avatar/Et2Avatar.ts
View File

@ -28,7 +28,15 @@ export class Et2Avatar extends Et2Widget(SlotMixin(SlAvatar)) implements et2_IDe
shoelace, shoelace,
cropperStyles, cropperStyles,
css` css`
:host::part(edit) {
visibility: hidden;
border-radius: 50%;
margin: -4px;
}
:host(:hover)::part(edit) {
visibility: visible;
}
` `
]; ];
} }
@ -203,8 +211,10 @@ export class Et2Avatar extends Et2Widget(SlotMixin(SlAvatar)) implements et2_IDe
let self = this; let self = this;
let editBtn = document.createElement('sl-icon-button'); let editBtn = document.createElement('sl-icon-button');
editBtn.setAttribute('name', 'pencil'); editBtn.setAttribute('name', 'pencil');
editBtn.setAttribute('part', 'edit');
let delBtn = document.createElement('sl-icon-button'); let delBtn = document.createElement('sl-icon-button');
delBtn.setAttribute('name', 'trash'); delBtn.setAttribute('name', 'trash');
delBtn.setAttribute('part', 'edit');
this._baseNode.append(editBtn); this._baseNode.append(editBtn);
this._baseNode.append(delBtn); this._baseNode.append(delBtn);