diff --git a/src/app/features/administration/form/steps/step-two/step-two.component.scss b/src/app/features/administration/form/steps/step-two/step-two.component.scss index ff4d18c0..ee0d734b 100644 --- a/src/app/features/administration/form/steps/step-two/step-two.component.scss +++ b/src/app/features/administration/form/steps/step-two/step-two.component.scss @@ -2,6 +2,7 @@ .kind-of-poll { margin-top: 5em; + min-height: 30vh; .fa { margin-right: 1em; } diff --git a/src/app/features/administration/stepper/stepper.component.html b/src/app/features/administration/stepper/stepper.component.html index 2090b4e2..76a2b778 100644 --- a/src/app/features/administration/stepper/stepper.component.html +++ b/src/app/features/administration/stepper/stepper.component.html @@ -59,7 +59,16 @@ {{ pollService.form.value.title }} -

Étape {{ step_current }} sur {{ step_max }}

+
+
+

Étape {{ step_current }} sur {{ step_max }}

+
+
+ + + +
+
diff --git a/src/app/features/administration/stepper/stepper.component.scss b/src/app/features/administration/stepper/stepper.component.scss index 0ced13f4..b7ca6e9c 100644 --- a/src/app/features/administration/stepper/stepper.component.scss +++ b/src/app/features/administration/stepper/stepper.component.scss @@ -29,6 +29,16 @@ &.is-active { background: $font_color; } + &:hover { + background: $clicked-color; + } + &.cancel-button { + background: $border-color; + margin-top: -0.5em; + &:hover { + background: $font_color; + } + } } .poll-title { color: $d-neutral; diff --git a/src/app/features/administration/stepper/stepper.component.ts b/src/app/features/administration/stepper/stepper.component.ts index f37f750c..646f0f9e 100644 --- a/src/app/features/administration/stepper/stepper.component.ts +++ b/src/app/features/administration/stepper/stepper.component.ts @@ -2,6 +2,7 @@ import { Component, Input, OnInit } from '@angular/core'; import { PollService } from '../../../core/services/poll.service'; import { environment } from '../../../../environments/environment'; import { ConfirmationService } from 'primeng/api'; +import { Router } from '@angular/router'; @Component({ selector: 'app-stepper', @@ -14,7 +15,11 @@ export class StepperComponent { @Input() public step_max: number = 5; public show_shortcuts = environment.showStepperShortcuts; - constructor(public pollService: PollService, private confirmationService: ConfirmationService) {} + constructor( + public pollService: PollService, + private confirmationService: ConfirmationService, + private router: Router + ) {} cancelDialog() { this.confirmationService.confirm({