Allow custom content to expand the step

tnicola · Sep 30, 2018 · 45d5df1 · 45d5df1
1 parent 116b658
commit 45d5df1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/lib/src/components/step/joyride-step.component.scss b/src/lib/src/components/step/joyride-step.component.scss
@@ -58,4 +58,7 @@
         font-weight: bold;
         font-size: 14px;
     }
+    &__counter-container {
+        margin-right: 10px;
+    }
 }
diff --git a/src/lib/src/components/step/joyride-step.component.ts b/src/lib/src/components/step/joyride-step.component.ts
@@ -97,7 +97,7 @@ export class JoyrideStepComponent implements OnInit, OnDestroy, AfterViewInit {
     }
 
     ngAfterViewInit() {
-        if (this.step.stepContent) {
+        if (this.isCustomized()) {
             this.stepWidth = this.stepContainer.nativeElement.clientWidth;
             this.stepHeight = this.stepContainer.nativeElement.clientHeight;
         }
@@ -113,6 +113,14 @@ export class JoyrideStepComponent implements OnInit, OnDestroy, AfterViewInit {
         this.drawStep();
     }
 
+    private isCustomized() {
+        return this.step.stepContent
+            || this.templateService.getCounter()
+            || this.templateService.getPrevButton()
+            || this.templateService.getNextButton()
+            || this.templateService.getDoneButton()
+    }
+
     private drawStep() {
         let position = this.step.isElementOrAncestorFixed ? 'fixed' : 'absolute';
         this.renderer.setStyle(this.stepHolder.nativeElement, "position", position);