make tooltips responsive

modules/field_tooltips_data/js/tooltips-view.js

@@ -11,11 +11,14 @@
         var tooltisValue = $this.find('input').val();
         if (tooltisValue) {
           var tooltipsData = JSON.parse(tooltisValue);
-          var $baseImage = $this.siblings('.field--name-field-tooltip-base-image');
+          var $baseImageContainer = $this.siblings('.field--name-field-tooltip-base-image');
+          var $baseImage = $baseImageContainer.find('img');
           var tooltip;
           $.each(tooltipsData, function(index, icon) {
+            icon.top = Math.round((icon.top * $baseImage.height()) / $baseImage.attr('height'));
+            icon.left = Math.round((icon.left * $baseImage.width()) / $baseImage.attr('width'));
             tooltip = Drupal.theme('imageTooltipIconView', icon);
-            $(tooltip).appendTo($baseImage);
+            $(tooltip).appendTo($baseImageContainer);
           });
         }
         $this.addClass('tooltips-processed');