From 36c957cc2bf857e03eb6e8ce11f2db5d16e67655 Mon Sep 17 00:00:00 2001
From: gaetanbrl <gaetan.bruel@jdev.fr>
Date: Wed, 20 Apr 2022 17:39:45 +0200
Subject: [PATCH] fix popover template style

---
 css/mviewer.css | 11 +----------
 js/info.js      |  3 ++-
 js/templates.js |  2 +-
 3 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/css/mviewer.css b/css/mviewer.css
index afe9d1665..348816a39 100644
--- a/css/mviewer.css
+++ b/css/mviewer.css
@@ -1495,6 +1495,7 @@ span.mv-time-player-selection {
 .popover-content{
 	font-size: 13px;
 	color: #555;
+  width: max-content;
 }
 
 .popover-content a{
@@ -1658,16 +1659,6 @@ button.btn.btn-default.btn-raised, a#exportpng,a.btn.btn-default {
   width: 1px;
   z-index: 100;
  }
- #feature-info .popover-content {
-  color: white !important;
-  padding: 10px !important;
-}
- #feature-info .popover {
-  background-color: black !important;
-}
-#feature-info .arrow:after {
-  border-top-color: black !important;
-} 
 
 /*******************************
 ------------- HELP PANEL
diff --git a/js/info.js b/js/info.js
index 978da752d..f13cd7a85 100644
--- a/js/info.js
+++ b/js/info.js
@@ -632,7 +632,8 @@ var info = (function () {
                 placement: 'top',
                 animation: false,
                 html: true,
-                content: `${title}`,
+                content: title,
+                template: mviewer.templates.tooltip
             });
             $(popup).popover('show');
         }
diff --git a/js/templates.js b/js/templates.js
index a30ad1f9c..13cd7fdae 100644
--- a/js/templates.js
+++ b/js/templates.js
@@ -4,7 +4,7 @@ mviewer.templates = {};
 mviewer.templates.tooltip = [
     '<div class="tooltip mv-tooltip" role="tooltip">',
         '<div class="mv-tooltip tooltip-arrow"></div>',
-        '<div class="mv-tooltip tooltip-inner"></div>',
+        '<div class="mv-tooltip tooltip-inner popover-content"></div>',
     '</div>'].join("");
 
 mviewer.templates.theme = [