self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2024-12-21 13:38:56 +02:00
Code Issues Releases Activity

Fixed the hover issue for sub-menu

Browse Source
This commit is contained in:
Rajat Dabade 2023-01-19 23:18:45 +05:30
parent 7ae2e62388
commit 156abe2d80
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
webapp/src/components/content/attachmentElement.scss
View File

@ -62,11 +62,17 @@
.fileElement-delete-download {
position: absolute;
display: flex;
display: none;
right: 0;
}
&:hover {
.fileElement-delete-download {
position: absolute;
display: flex;
right: 0;
}
.fileElement-download-btn {
display: block;
}

12
webapp/src/components/content/attachmentElement.tsx
View File

@ -122,8 +122,18 @@ const AttachmentElement = (props: Props): JSX.Element|null => {
document.body.removeChild(anchor)
}
const handleMouseLeave = () => {
const tempDiv = document.createElement('div')
document.body.appendChild(tempDiv)
tempDiv.click()
document.body.removeChild(tempDiv)
}
return (
<div className='FileElement mr-4'>
<div
className='FileElement mr-4'
onMouseLeave={handleMouseLeave}
>
{showConfirmationDialogBox && <ConfirmationDialogBox dialogBox={confirmDialogProps}/>}
<div className='fileElement-icon-division'>
<CompassIcon