From 65b3987bf6b42a40f77f98b76249a38650f9312c Mon Sep 17 00:00:00 2001
From: Andrii Zahura <shkiper@2261152.no-reply.drupal.org>
Date: Tue, 31 Oct 2017 09:56:38 +0200
Subject: [PATCH] make tooltips responsive
---
modules/field_tooltips_data/js/tooltips-view.js | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
diff --git a/modules/field_tooltips_data/js/tooltips-view.js b/modules/field_tooltips_data/js/tooltips-view.js
index 43a644a..a8cf5ea 100644
--- a/modules/field_tooltips_data/js/tooltips-view.js
+++ b/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');
--
GitLab