From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 30 Sep 2020 11:15:13 +0000 (+0200)
Subject: wait #3789 @1
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=e15877eb28ae2b5284de4b92382d93fe4e20603f;p=fluidbook-html5.git

wait #3789 @1
---

diff --git a/images/interface.svg b/images/interface.svg
index a32ecd3d..216ef97b 100644
--- a/images/interface.svg
+++ b/images/interface.svg
@@ -192,4 +192,41 @@
         <path d="M147.6,8.8c-0.3,0-0.7-0.2-0.9-0.5l-3.3-5.6l-5.6,3.3c-0.5,0.3-1.1,0.1-1.4-0.4c-0.3-0.5-0.1-1.1,0.4-1.4
 			l6.4-3.8c0.5-0.3,1.1-0.1,1.4,0.4l3.8,6.4c0.3,0.5,0.1,1.1-0.4,1.4C147.9,8.7,147.8,8.8,147.6,8.8z"/>
     </symbol>
+    <symbol id="help-touch-scroll" viewBox="0 0 68 52">
+        <path d="M13,36.3c-0.3,0-0.5-0.1-0.7-0.3L7,30.7c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l4.5,4.6l4.6-4.5
+				c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4L13.7,36C13.5,36.2,13.2,36.3,13,36.3z"/>
+        <path d="M13,43c-0.3,0-0.5-0.1-0.7-0.3l-5.2-5.3c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l4.5,4.6l4.6-4.5
+				c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4l-5.3,5.2C13.5,42.9,13.3,43,13,43z"/>
+        <path d="M35.7,51.6c-2,0-3.9-0.9-5.1-2.5c-1.1-1.4-1.5-3.1-1.3-4.8c0.2-1.7,1.1-3.2,2.4-4.3c0.4-0.3,0.8-0.5,1.2-0.7
+			l2.5-1.2L19,25.3c-1.3-1-2.1-2.4-2.3-4c-0.2-1.6,0.2-3.2,1.2-4.4c1-1.3,2.4-2.1,4-2.3c1.6-0.2,3.2,0.2,4.4,1.2l11.2,8.7l4.3-4
+			c4-3.7,10-3.9,14.2-0.6l11.1,8.6c0.4,0.3,0.5,1,0.2,1.4c-0.3,0.4-1,0.5-1.4,0.2l-11.1-8.6c-3.5-2.7-8.4-2.5-11.6,0.5l-5,4.6
+			c-0.4,0.3-0.9,0.4-1.3,0.1l-11.8-9.2c-0.8-0.7-1.9-0.9-3-0.8c-1.1,0.1-2,0.7-2.7,1.5c-0.7,0.8-0.9,1.9-0.8,3
+			c0.1,1.1,0.7,2,1.5,2.7L38,37.5c0.3,0.2,0.4,0.6,0.4,0.9c0,0.3-0.3,0.6-0.6,0.8l-4,1.9c-0.3,0.1-0.6,0.3-0.8,0.5
+			c-0.9,0.7-1.5,1.8-1.7,3c-0.1,1.2,0.2,2.4,0.9,3.3c1.1,1.4,2.9,2,4.5,1.6l15.9-3.6c0.5-0.1,1.1,0.2,1.2,0.8
+			c0.1,0.5-0.2,1.1-0.8,1.2l-15.9,3.6C36.7,51.6,36.2,51.6,35.7,51.6z"/>
+        <path d="M13.3,26c-2.9,0-5.6-0.9-7.9-2.7c-2.7-2.1-4.4-5.1-4.8-8.5C0.2,11.4,1.1,8,3.2,5.3c4.4-5.6,12.4-6.6,18-2.2
+			c2.3,1.8,4,4.4,4.6,7.3c0.1,0.5-0.2,1.1-0.8,1.2c-0.5,0.1-1.1-0.2-1.2-0.8C23.3,8.4,22,6.2,20,4.7C15.3,1,8.4,1.8,4.8,6.6
+			c-1.8,2.3-2.6,5.1-2.2,8s1.8,5.4,4.1,7.2c2,1.5,4.5,2.4,7,2.3c0.5,0,1,0.4,1,1c0,0.6-0.4,1-1,1C13.6,26,13.4,26,13.3,26z"/>
+    </symbol>
+    <symbol id="help-touch-swipe" viewBox="0 0 72 62">
+        <path d="M50.5,61.9c-0.1,0-0.2,0-0.2,0l-15.8-4c-2.4-0.6-4.3-2.6-4.8-5c-0.7-3.5,1.6-6.9,5.1-7.6
+		c0.5-0.1,0.9-0.1,1.4-0.1l2.8,0.1l-8.8-18.9c-0.7-1.5-0.7-3.1-0.2-4.6c0.5-1.5,1.7-2.7,3.1-3.4c1.5-0.7,3.1-0.7,4.6-0.2
+		c1.5,0.5,2.7,1.7,3.4,3.1l6,12.8l5.7-1.6c5.2-1.4,10.6,1.1,12.9,6l5.9,12.7c0.2,0.5,0,1.1-0.5,1.3c-0.5,0.2-1.1,0-1.3-0.5
+		l-5.9-12.7c-1.9-4-6.3-6.1-10.6-4.9l-6.5,1.8c-0.5,0.1-1-0.1-1.2-0.5L39.1,22c-0.5-1-1.3-1.7-2.3-2.1c-1-0.4-2.1-0.3-3.1,0.1
+		c-1,0.5-1.7,1.3-2.1,2.3c-0.4,1-0.3,2.1,0.1,3.1l9.5,20.4c0.1,0.3,0.1,0.7-0.1,1c-0.2,0.3-0.5,0.4-0.9,0.5l-4.4-0.1
+		c-0.3,0-0.6,0-1,0.1c-1.2,0.2-2.2,0.9-2.8,1.9c-0.7,1-0.9,2.2-0.7,3.3c0.3,1.7,1.6,3.1,3.3,3.5l15.8,4c0.5,0.1,0.9,0.7,0.7,1.2
+		C51.3,61.6,50.9,61.9,50.5,61.9z"/>
+        <path d="M13.4,19c-0.3,0-0.5-0.1-0.7-0.3l-5.2-5.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.2c0.4-0.4,1-0.4,1.4,0
+				c0.4,0.4,0.4,1,0,1.4l-4.6,4.5l4.5,4.6c0.4,0.4,0.4,1,0,1.4C13.9,18.9,13.7,19,13.4,19z"/>
+        <path d="M6.7,19c-0.3,0-0.5-0.1-0.7-0.3l-5.2-5.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.2c0.4-0.4,1-0.4,1.4,0
+				c0.4,0.4,0.4,1,0,1.4l-4.6,4.5l4.5,4.6c0.4,0.4,0.4,1,0,1.4C7.2,18.9,6.9,19,6.7,19z"/>
+        <path d="M47.5,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l4.6-4.5l-4.5-4.6c-0.4-0.4-0.4-1,0-1.4
+				c0.4-0.4,1-0.4,1.4,0l5.2,5.3c0.4,0.4,0.4,1,0,1.4l-5.3,5.2C48,18.9,47.8,19,47.5,19z"/>
+        <path d="M54.3,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l4.6-4.5l-4.5-4.6c-0.4-0.4-0.4-1,0-1.4
+				c0.4-0.4,1-0.4,1.4,0l5.2,5.3c0.4,0.4,0.4,1,0,1.4L55,18.7C54.8,18.9,54.5,19,54.3,19z"/>
+        <path d="M25.5,24.6c-0.1,0-0.3,0-0.4-0.1c-2.7-1.3-4.9-3.5-6.2-6.2c-3-6.4-0.2-14.1,6.2-17c3.1-1.4,6.6-1.6,9.8-0.4
+		c3.2,1.2,5.8,3.5,7.2,6.6c1.2,2.7,1.5,5.7,0.8,8.6c-0.1,0.5-0.7,0.9-1.2,0.7c-0.5-0.1-0.9-0.7-0.7-1.2c0.6-2.5,0.4-5-0.6-7.3
+		c-1.2-2.6-3.4-4.6-6.1-5.6c-2.7-1-5.7-0.9-8.3,0.4c-2.6,1.2-4.6,3.4-5.6,6.1s-0.9,5.7,0.4,8.3c1.1,2.3,2.9,4.1,5.2,5.2
+		c0.5,0.2,0.7,0.8,0.5,1.3C26.2,24.4,25.9,24.6,25.5,24.6z"/>
+    </symbol>
 </svg>
diff --git a/js/libs/fluidbook/fluidbook.help.js b/js/libs/fluidbook/fluidbook.help.js
index acbdc3f8..3bc8dfca 100644
--- a/js/libs/fluidbook/fluidbook.help.js
+++ b/js/libs/fluidbook/fluidbook.help.js
@@ -51,7 +51,10 @@ FluidbookHelp.prototype = {
         if (this.fluidbook.mobilefirst.enabled) {
             var name = 'fingers';
             var text = this.fluidbook.l10n.__("scroll down to read the page content");
-            help += '<div class="illustration touch">' + this.fluidbook.loader.getImage('images/help/help-touch-scroll.svg', 300 * touchzoom, 200 * touchzoom);
+            help += '<div class="illustration touch">' + getSpriteIcon('help-touch-scroll', {
+                widh: 50 * touchzoom,
+                height: 38 * touchzoom
+            });
             help += '<p>' + text + '</p>';
             help += '</div>';
         } else {
@@ -86,7 +89,10 @@ FluidbookHelp.prototype = {
         help += '</div>';
 
         if (this.fluidbook.mobilefirst.enabled) {
-            help += '<div class="illustration touch">' + this.fluidbook.loader.getImage('images/help/help-touch-swipe.svg', 300 * touchzoom, 200 * touchzoom);
+            help += '<div class="illustration touch">' + getSpriteIcon('help-touch-swipe', {
+                width: 50 * touchzoom,
+                height: 38 * touchzoom
+            });
             help += '<p>' + this.fluidbook.l10n.__('swipe to change the page') + '</p>';
             help += '</div>';
         }