wip #7913 @0:30

diff --git a/images/symbols/interface.svg b/images/symbols/interface.svg
index 14b058b14064b421b0ed61f9186e666eb5ef5efc..341cb00f40230b6dc4832ede9a5d9864721fd85a 100644 (file)
--- a/images/symbols/interface.svg
+++ b/images/symbols/interface.svg
@@ -401,4 +401,8 @@
         <path d="M10.5,18.6c-0.4,0-0.7-0.3-0.7-0.7V8.2c0-0.4,0.3-0.7,0.7-0.7s0.7,0.3,0.7,0.7v9.7C11.2,18.3,10.9,18.6,10.5,18.6z"/>
         <path d="M13.8,18.6c-0.4,0-0.7-0.3-0.7-0.7V8.2c0-0.4,0.3-0.7,0.7-0.7s0.7,0.3,0.7,0.7v9.7C14.5,18.3,14.2,18.6,13.8,18.6z"/>
     </symbol>
+    <symbol id="icon-info" viewBox="0 0 22 22">
+        <path d="M11,2.4c4.7,0,8.6,3.8,8.6,8.6s-3.9,8.6-8.6,8.6S2.4,15.7,2.4,11S6.3,2.4,11,2.4 M11,1C5.5,1,1,5.5,1,11s4.5,10,10,10s10-4.5,10-10S16.5,1,11,1L11,1z"/>
+        <path d="M10.3,6.7C10.1,6.5,10,6.2,10,6s0.1-0.5,0.3-0.7S10.7,5,11,5s0.5,0.1,0.7,0.3C11.9,5.5,12,5.7,12,6s-0.1,0.5-0.3,0.7S11.3,7,11,7S10.5,6.9,10.3,6.7z M10.2,8.6h1.5v8.3h-1.5V8.6z"/>
+    </symbol>
 </svg>

diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index 156228d987f967910f0d1061f9bfd386ecd04371..0dd66f394fb078ff38b91d9006cda980185d8a02 100644 (file)
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -1085,7 +1085,13 @@ FluidbookLinks.prototype = {
     setIconAltTextLink: function () {
         const links = $("[data-type=52]");
         links.each(function(el) {
-            $(this).html(getSpriteIcon('nav-help'))
+            let iconPosX = $(this).attr('data-icon-x');
+            let iconPosY = $(this).attr('data-icon-y');
+
+            $(this).find('.infos').html(getSpriteIcon('icon-info')).css({
+                'left': 'calc('+iconPosX +'% - '+ $(this).find('.infos').width() + 'px)',
+                'top': 'calc('+iconPosY +'% - '+ $(this).find('.infos').height() + 'px)'
+            })
         })
     },
 }

diff --git a/style/links.less b/style/links.less
index 626613358c811666c8806d9cc46d94e86520ed54..bdcdd08a5ba81adfc1d4d3d124d95b0d528b9ad4 100644 (file)
--- a/style/links.less
+++ b/style/links.less
@@ -335,13 +335,18 @@
     }
   }
 
-  &[data-type='52'] {
+  &[data-type='52'] .infos {
     background-color: #fff;
-    width: 20px;
-    height: 20px;
+    width: 40px;
+    height: 40px;
     position: absolute;
-    right: 0;
-    bottom: 0;
+    display: grid;
+    place-items: center;
+
+    svg {
+      width: 25px;
+      height: 25px;
+    }
   }
 }