paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-08-10 00:18:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

hide on card mouseleave

Browse Source
This commit is contained in:
Michael Shamoon
2021-02-06 14:54:36 -08:00
parent 37b3a30619
commit dcb17f2f21
4 changed files with 6 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
View File

@@ -1,5 +1,5 @@
<div class="col p-2 h-100">
<div class="card h-100 shadow-sm document-card" [class.card-selected]="selected" [class.popover-hidden]="popoverHidden">
<div class="card h-100 shadow-sm document-card" [class.card-selected]="selected" [class.popover-hidden]="popoverHidden" (mouseleave)="mouseLeaveCard()">
<div class="border-bottom doc-img-container" [class.doc-img-background-selected]="selected" (click)="this.toggleSelected.emit($event)">
<img class="card-img doc-img rounded-top" [src]="getThumbUrl()">

8
src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
View File

@@ -32,9 +32,6 @@ export class DocumentCardSmallComponent implements OnInit {
moreTags: number = null
@Output()
showPreview = new EventEmitter<DocumentCardSmallComponent>()
@ViewChild('popover') popover: NgbPopover
mouseOnPreview = false
@@ -91,7 +88,6 @@ export class DocumentCardSmallComponent implements OnInit {
if (this.mouseOnPreview) {
// show popover
this.popoverHidden = false
this.showPreview.emit(this)
} else {
this.popover.close()
}
@@ -102,4 +98,8 @@ export class DocumentCardSmallComponent implements OnInit {
mouseLeavePreview() {
this.mouseOnPreview = false
}
mouseLeaveCard() {
this.popover.close()
}
}