Correct #107 bug and show hiddent text in tooltip in context menu

src/atlasViewer/atlasViewer.style.css

@@ -130,7 +130,6 @@ div[contextualBlock]
 
 [fixedMouseContextualContainerDirective] div[body]
 {
-  background-color: blue;
   overflow: hidden;
 }
 

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>
 

src/util/directives/FixedMouseContextualContainerDirective.directive.ts

 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