fix popover template style

mikollect · Apr 20, 2022 · 36c957c · 36c957c
1 parent 4fd0ff6
commit 36c957c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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 = [