From c045aac4f927d301e87c01e3cfd5e12a4ce25b1e Mon Sep 17 00:00:00 2001
From: Tsanie <lchen@foresightintelligence.com>
Date: Tue, 6 Jun 2023 13:50:05 +0800
Subject: [PATCH] contact tooltip issue

---
 lib/app/communications/customer.js |  4 ++++
 lib/app/communications/style.scss  |  3 ++-
 lib/ui/tooltip.js                  | 18 +++++++++++-------
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/lib/app/communications/customer.js b/lib/app/communications/customer.js
index fd3fbae..544b389 100644
--- a/lib/app/communications/customer.js
+++ b/lib/app/communications/customer.js
@@ -908,6 +908,10 @@ class CustomerCommunication {
                     div.innerText = r('contactInformation', 'Contact Information');
                 }),
                 createElement('div', div => {
+                    if (option.contactCollapserVisible === false) {
+                        div.style.display = 'none';
+                        return;
+                    }
                     if (option.contactCollapsed) {
                         container.classList.add('collapsed');
                         div.className = 'bar-collapser collapsed';
diff --git a/lib/app/communications/style.scss b/lib/app/communications/style.scss
index ed1392c..daa9158 100644
--- a/lib/app/communications/style.scss
+++ b/lib/app/communications/style.scss
@@ -152,7 +152,8 @@
             .bar-list-container {
                 min-height: 26px;
                 max-height: 120px;
-                overflow: auto;
+                overflow-x: hidden;
+                overflow-y: auto;
                 position: relative;
             }
 
diff --git a/lib/ui/tooltip.js b/lib/ui/tooltip.js
index 4519a66..22af633 100644
--- a/lib/ui/tooltip.js
+++ b/lib/ui/tooltip.js
@@ -106,13 +106,15 @@ function setTooltip(container, content, flag = false, parent = null) {
                         p = p.parentElement;
                     }
                 }
+                wrapper.style.display = '';
                 const offsetHeight = wrapper.offsetHeight;
                 if (t - offsetHeight - 14 < 0) {
-                    if (t + offsetHeight + 2 > lastHeight) {
-                        top = lastHeight - offsetHeight + 2;
+                    const parentOffsetHeight = c.parentElement.offsetHeight;
+                    if (t + parentOffsetHeight + offsetHeight + 10 > lastHeight) {
+                        top = lastHeight - offsetHeight - 2;
                         wrapper.classList.add('ui-tooltip-no');
                     } else {
-                        top += c.parentElement.offsetHeight + 10;
+                        top += parentOffsetHeight + 10;
                         wrapper.classList.add('ui-tooltip-down');
                     }
                 } else {
@@ -126,10 +128,11 @@ function setTooltip(container, content, flag = false, parent = null) {
                 } else if (left + offsetWidth + 2 > lastWidth) {
                     left = lastWidth - offsetWidth - 2;
                 }
-                wrapper.style.left = `${left}px`;
-                wrapper.style.top = `${top}px`;
-                wrapper.style.visibility = 'visible';
-                wrapper.style.opacity = 1;
+                // wrapper.style.left = `${left}px`;
+                // wrapper.style.top = `${top}px`;
+                // wrapper.style.visibility = 'visible';
+                // wrapper.style.opacity = 1;
+                wrapper.style.cssText += `left: ${left}px; top: ${top}px; visibility: visible; opacity: 1`;
             }, 100);
         }
     });
@@ -138,6 +141,7 @@ function setTooltip(container, content, flag = false, parent = null) {
         tid = setTimeout(() => {
             wrapper.style.visibility = 'hidden';
             wrapper.style.opacity = 0;
+            tid = setTimeout(() => wrapper.style.display = 'none', 120);
         }, 300);
     });
     return container;