Change css class tooltip to mptooltip to avoid name clashes with othe…

…r css stylesheets
ABI-Software · May 28, 2019 · f51cdbb · f51cdbb
1 parent e38371d
commit f51cdbb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/styles/tooltip.css b/src/styles/tooltip.css
@@ -6,14 +6,14 @@
 	user-select: none;
 }
 
-.tooltip {
+.mptooltip {
 	position: relative;
 	display: inline-block;
 	border-bottom: 1px dotted black;
 	pointer-events: none;
 }
 
-.tooltip .tooltiptext {
+.mptooltip .mptooltiptext {
 		font: 500 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
     visibility: hidden;
     width: 120px;
@@ -34,7 +34,7 @@
     pointer-events: none;
 }
 
-.tooltip .tooltiptext::after {
+.mptooltip .mptooltiptext::after {
     content: "";
     position: absolute;
     top: 100%;

diff --git a/src/ui/tooltip.js b/src/ui/tooltip.js
@@ -5,7 +5,7 @@ exports.ToolTip = function(container) {
   var tipElement = undefined;
   var tiptextElement = undefined;
   var parent = undefined;
-  var template = '<div id="tooltipcontainer"><div class="tooltip" id="tip"><span class="tooltiptext" id="tiptext"> Tooltip text</span></div></div>';
+  var template = '<div id="tooltipcontainer"><div class="mptooltip" id="tip"><span class="mptooltiptext" id="tiptext"> Tooltip text</span></div></div>';
   var _this = this;
 
   /**