diff --git a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.html b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.html index 89718874..71ce0ab6 100644 --- a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.html +++ b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.html @@ -15,6 +15,6 @@ next + [class.tutorial__footer--button--disabled]="!nextAvailable">nextclose \ No newline at end of file diff --git a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss index 4ef244db..48db2c3c 100644 --- a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss +++ b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss @@ -47,7 +47,7 @@ $footer-height: 30px; &--navigate { &:hover { text-decoration: none; - background-color: rgb(0, 74, 109); + background-color: rgb(0, 117, 172); } } diff --git a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.ts b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.ts index 937c65b6..32bfd2d4 100644 --- a/src/app/components/tutorial-enhanced/tutorial-enhanced.component.ts +++ b/src/app/components/tutorial-enhanced/tutorial-enhanced.component.ts @@ -11,7 +11,8 @@ export class TutorialEnhancedComponent implements OnInit { previousAvailable = false; nextAvailable = true; index = 0; - private maxIndex = 5; + tutorialEnded = false; + private maxIndex = 3; constructor() { } @@ -38,6 +39,12 @@ export class TutorialEnhancedComponent implements OnInit { } private checkState() { + if(this.index >= this.maxIndex - 1){ + this.tutorialEnded = true; + } else { + this.tutorialEnded = false; + } + if (this.index === 0) { this.previousAvailable = false; } else {