diff --git a/src/atlasViewer/atlasViewer.style.css b/src/atlasViewer/atlasViewer.style.css index c182a1aa32b01ef49b958bb825d7872ab6b25c45..85941f1d2a150bcc9bf32e97057674bf8872b5f0 100644 --- a/src/atlasViewer/atlasViewer.style.css +++ b/src/atlasViewer/atlasViewer.style.css @@ -130,7 +130,6 @@ div[contextualBlock] [fixedMouseContextualContainerDirective] div[body] { - background-color: blue; overflow: hidden; } diff --git a/src/atlasViewer/atlasViewer.template.html b/src/atlasViewer/atlasViewer.template.html index 6333de1ad9fb50adca6ddda53b14240bfe50e386..d868f7fda7d05d0eed17e9a9b2a9512c52e192f5 100644 --- a/src/atlasViewer/atlasViewer.template.html +++ b/src/atlasViewer/atlasViewer.template.html @@ -27,7 +27,10 @@ <div *ngIf="onhoverSegmentForFixed$ | async; let onhoverSegmentFixed" (click)="searchRegion([onhoverSegmentFixed])" - class="ws-no-wrap text-left pe-all btn btn-sm btn-secondary btn-block"> + class="ws-no-wrap text-left pe-all btn btn-sm btn-secondary btn-block" + data-toggle="tooltip" + data-placement="top" + [title]="onhoverSegmentFixed.name"> Search KG for {{ onhoverSegmentFixed.name }} </div> diff --git a/src/util/directives/FixedMouseContextualContainerDirective.directive.ts b/src/util/directives/FixedMouseContextualContainerDirective.directive.ts index 450dc8a00781377904e2882419a08f618bed9a8f..6787cd2579df99d410c3702d5f5350dac672da5d 100644 --- a/src/util/directives/FixedMouseContextualContainerDirective.directive.ts +++ b/src/util/directives/FixedMouseContextualContainerDirective.directive.ts @@ -1,4 +1,5 @@ import { Directive, Input, HostBinding, HostListener, ElementRef, OnChanges, Output, EventEmitter } from "@angular/core"; +import { ConsoleReporter } from "jasmine"; @Directive({ selector: '[fixedMouseContextualContainerDirective]' @@ -50,11 +51,16 @@ export class FixedMouseContextualContainerDirective implements OnChanges{ @HostListener('document:click', ['$event']) documentClick(event: MouseEvent){ - if (this.styleDisplay === 'none') - return - if (this.el.nativeElement.contains(event.target)) - return + if (event.which !== 3) { + console.log(event.target); + console.log(event.which); + if (this.styleDisplay === 'none') + return + if (this.el.nativeElement.contains(event.target)) + return - this.hide() + this.hide() + } } + } \ No newline at end of file