AREO#83998 bootstrap tooltip-class conflict opgelost

svn path=/Website/trunk/; revision=69012

APPL/FAC/fac_edit_widget_page.js

@@ -262,7 +262,7 @@ function checkRowClearance(container, rowMaxHeight)
 
     /* Set default waardes */
     if (!TOOLTIP_Y)
-        TOOLTIP_Y = parseFloat($container.find(".tooltip:last").height());
+        TOOLTIP_Y = parseFloat($container.find(".widget-tooltip:last").height());
     if (!ADD_ICON_Y)
         ADD_ICON_Y = parseFloat($container.find(".empty-col").css("font-size")) * 4; // * 4 want het plus icoon heeft de fa-4x class
 

APPL/FAC/fac_widget.inc

@@ -607,7 +607,7 @@ wgt = {
                              + '<div class="empty-col-wrapper item-width-0">'
                              + '  <div class="empty-col">'
                              +      I("fa-plus-circle fa-4x", { fastyle: "fal" })
-                             + '     <div class="tooltip">' + L("fac_widget_add_here") + '</div>'
+                             + '     <div class="widget-tooltip">' + L("fac_widget_add_here") + '</div>'
                              + '  </div>'
                              + '</div>');
             },

APPL/Shared/default.css

@@ -2229,9 +2229,9 @@ section.fullscreen img.preview {
     color: var(--buttonhoverbackgroundcolor);
 }
 span.flexsize,
-span.tooltip {
+span.fclt-tooltip {
     font-family: var(--fontfamily_alt);
-    color:#808080;
+    color: #808080;
     font-size: 0.8em;
     padding-left: 2px;
 }
@@ -8139,17 +8139,17 @@ label[data-toggle-type] + input[type=checkbox] {
     border-style: dashed;
 }
 
-.empty-col-wrapper .tooltip {
+.empty-col-wrapper .widget-tooltip {
     max-width: 83px;
     text-align: center;
     visibility: hidden;
     overflow: hidden;
 }
 
-.widget-container:not(.low-clearance) > .empty-col-wrapper:hover .tooltip {
+.widget-container:not(.low-clearance) > .empty-col-wrapper:hover .widget-tooltip {
     visibility: visible;
 }
-.resizing-col-wrapper ~ .empty-col-wrapper:hover .tooltip,
+.resizing-col-wrapper ~ .empty-col-wrapper:hover .widget-tooltip,
 .widget-container:not(.low-clearance) > .empty-col-wrapper:hover i {
     visibility: hidden;
 }
@@ -8356,7 +8356,7 @@ label[data-toggle-type] + input[type=checkbox] {
 .widget-container .item-width-11 { width: calc((99.98% - 100px) / 12 * 11);  }
 .widget-container .item-width-12 { width: calc((99.98% - 100px) / 12 * 12);  }
 
-.low-clearance .tooltip {
+.low-clearance .widget-tooltip {
     height: 0;
     font-size: 0;
 }

APPL/Shared/iface.inc

@@ -879,7 +879,7 @@ function ROFIELD_HTML(pclass, plabel, pvalue, params)
   }
 
   if (params.tooltip)
-    resultstr += " <span class=\"tooltip\">" + safe.html(params.tooltip) + "</span>";
+    resultstr += " <span class=\"fclt-tooltip\">" + safe.html(params.tooltip) + "</span>";
 
   if (params.selector) {
     resultstr += FCLTselector_HTML(params.selector.fieldName, params.selector.sql, params.selector.params);