wip #1927 @0.5

diff --git a/js/libs/fluidbook/fluidbook.cart.js b/js/libs/fluidbook/fluidbook.cart.js
index ed1242bd9a744706fdf8c3b68c5c1203ed45c385..ed6134729ed26e0c0d8f02ae53bf6acfb8168fde 100644 (file)
--- a/js/libs/fluidbook/fluidbook.cart.js
+++ b/js/libs/fluidbook/fluidbook.cart.js
@@ -22,7 +22,7 @@ FluidbookCart.prototype = {
 
         $(document).on('click', '[data-cart-ref]', function () {
             $this.instance.addToCart($(this).data('cart-ref'));
-            $this.fluidbook.tooltip.displayTooltip($this.fluidbook.l10n.__("the item has been added to your cart"));
+            $this.fluidbook.tooltip.displayTooltip($this.fluidbook.l10n.__("the item has been added to your cart"), 'invert');
             return false;
         });
     },

diff --git a/js/libs/fluidbook/fluidbook.tooltip.js b/js/libs/fluidbook/fluidbook.tooltip.js
index c426ac7456a9d995ca21839d393b8b493fa8d0f8..d25925857d44e387188283398261654d14b5ba58 100644 (file)
--- a/js/libs/fluidbook/fluidbook.tooltip.js
+++ b/js/libs/fluidbook/fluidbook.tooltip.js
@@ -19,10 +19,10 @@ FluidbookTooltip.prototype = {
         });
 
 
-            $(document).on('mouseover', 'a[data-tooltip]', function (e) {
-                $this.updateMousePosition(e);
-                $this.eventTriggered(this);
-            });
+        $(document).on('mouseover', 'a[data-tooltip]', function (e) {
+            $this.updateMousePosition(e);
+            $this.eventTriggered(this);
+        });
 
         $("body").append('<div id="tooltip"></div>');
     },
@@ -67,7 +67,10 @@ FluidbookTooltip.prototype = {
         var maxx = this.fluidbook.resize.ww - w;
         var maxy = this.fluidbook.resize.hh - h;
 
-        $("#tooltip").attr('data-pos-x', x).attr('data-pos-y', y).css({top: Math.max(1, Math.min(top, maxy)), left: Math.max(1, Math.min(left, maxx))});
+        $("#tooltip").attr('data-pos-x', x).attr('data-pos-y', y).css({
+            top: Math.max(1, Math.min(top, maxy)),
+            left: Math.max(1, Math.min(left, maxx))
+        });
     },
 
     eventTriggered: function (target) {
@@ -107,8 +110,12 @@ FluidbookTooltip.prototype = {
         return false;
     },
 
-    displayTooltip: function (text) {
+    displayTooltip: function (text, style) {
         var t = $("#tooltip");
+        if (style == undefined) {
+            style = '';
+        }
+        t.attr('data-style', style);
         t.css('maxWidth', 250).html(text).show()
 
         var nbchars = t.text().length;

diff --git a/style/fluidbook.less b/style/fluidbook.less
index cb4890f3ea2efc5e1b2a8f933c6b942fae437bcf..256bedb10ed820f64019f88865306ff52949f574 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -2284,6 +2284,24 @@ ul.chapters {
        box-sizing: border-box;
        pointer-events: none;
 
+       &[data-style="invert"] {
+               font-weight: 700;
+               background-color: @tooltip-color;
+               color: @tooltip-background;
+
+               &[data-pos-y="n"] {
+                       &:after {
+                               border-bottom-color: @tooltip-color;
+                       }
+               }
+
+               &[data-pos-y="s"] {
+                       &:after {
+                               border-top-color: @tooltip-color;
+                       }
+               }
+       }
+
        &:after {
                content: "";
                position: absolute;