Merge pull request #67 from LikaloLLC/fix/size-of-the-step-preview

Fix/size of the step preview

Author: it-s

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tourguidejs",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "src": "src/Tour.js",
   "main": "tourguide.js",
   "module": "tourguide.esm.js",

src/step/index.js

@@ -116,8 +116,8 @@ export default class Step {
         content.append(actions);
       }
       const tooltip = this.tooltip = u("<div role=\"document\" class=\"guided-tour-step-tooltip\"></div>");
-      if (this.width) setStyle(tooltip, { width: this.width });
-      if (this.height) setStyle(tooltip, { height: this.height });
+      if (this.width) setStyle(tooltip, { width: this.width + "px", maxWidth: this.width + "px" });
+      if (this.height) setStyle(tooltip, { height: this.height  + "px", maxHeight: this.height  + "px" });
       const tooltipinner = u(`<div class="guided-tour-step-tooltip-inner${this.layout === "horizontal" ? " step-layout-horizontal" : ""}"></div>`);
       const container = u(`<div class="guided-tour-step-content-container"></div>`);
       container.append(image).append(content);