i18n on stepper

This commit is contained in:
Tykayn 2021-12-17 17:47:57 +01:00 committed by tykayn
parent 13e97e7b60
commit 2683abba2a
5 changed files with 12 additions and 7 deletions

View File

@ -118,7 +118,7 @@
Fermer <i class="fa fa-times"></i> Fermer <i class="fa fa-times"></i>
</button> </button>
</div> </div>
<h1 class="title is-2"> <h1 class="title">
{{ 'popup.cancel.title' | translate }} {{ 'popup.cancel.title' | translate }}
</h1> </h1>
<p> <p>

View File

@ -77,7 +77,7 @@
.cancel-button-reject-bottom { .cancel-button-reject-bottom {
background: $secondary_color; background: $secondary_color;
color: $white; color: $white;
margin-left: 2rem; margin-left: 1rem;
} }
.step-info { .step-info {
@ -113,14 +113,16 @@
} }
.cancel-button-reject { .cancel-button-reject {
background: none; background: none;
color: $secondary_color; color: $primary_color;
margin-right: -1rem; margin-right: -1rem;
i { i {
color: $primary_color;
margin-left: 1ch; margin-left: 1ch;
} }
} }
.cancel-button-confirm { .cancel-button-confirm {
color: $secondary_color; color: $secondary_color;
margin-right: 0;
} }
} }

View File

@ -18,8 +18,7 @@ export class StepperComponent {
@Input() @Input()
public step_max: number = 5; public step_max: number = 5;
public environment = environment; public environment = environment;
public show_shortcuts = environment.showStepperShortcuts; display_cancel_dialog: boolean = false;
display_cancel_dialog: boolean = true;
constructor( constructor(
public pollService: PollService, public pollService: PollService,

View File

@ -40,7 +40,7 @@
"classic": "classic", "classic": "classic",
"date": "special dates" "date": "special dates"
}, },
"choose_title": "Whom title will be", "choose_title": "Provide a name for your poll",
"choose_title_placeholder": "title", "choose_title_placeholder": "title",
"name": "I can also specify my name if i want", "name": "I can also specify my name if i want",
"name_placeholder": "my name", "name_placeholder": "my name",

View File

@ -9,7 +9,11 @@ p-calendar,
width: 100%; width: 100%;
max-width: 90vw; max-width: 90vw;
} }
.p-dialog {
.title {
color: $primary_color;
}
}
.p-datepicker { .p-datepicker {
padding: 0.5em; padding: 0.5em;
margin: 1em auto; margin: 1em auto;