LP: Add navigation for impress view #3427

main/inc/lib/javascript/impress/impress-demo.css

@@ -494,3 +494,15 @@ body     { pointer-events: none; }
     display: block;
 }
 
+.impress-enabled #impress-toolbar {
+    pointer-events: auto;
+    font: 11pt sans-serif;
+    position: fixed;
+    bottom: 0;
+    right: 50%;
+    -webkit-transform: translateX(50%);
+    -moz-transform:    translateX(50%);
+    -ms-transform:     translateX(50%);
+    -o-transform:      translateX(50%);
+    transform:         translateX(50%);
+}

main/template/default/learnpath/impress.tpl

@@ -6,6 +6,7 @@
 <div id="impress">
     {{ html }}
 </div>
+<div id="impress-toolbar"></div>
 
 <div class="hint">
     <p>Use a spacebar or arrow keys to navigate</p>