diff --git a/src/app/features/administration/stepper/stepper.component.html b/src/app/features/administration/stepper/stepper.component.html index 9cad93d2..ce683e63 100644 --- a/src/app/features/administration/stepper/stepper.component.html +++ b/src/app/features/administration/stepper/stepper.component.html @@ -87,6 +87,7 @@ - +
+
- +

+ {{ 'popup.cancel.title' | translate }} +

{{ 'popup.cancel.main' | translate }}

-
+
-
-
diff --git a/src/app/features/administration/stepper/stepper.component.scss b/src/app/features/administration/stepper/stepper.component.scss index 5c740cfb..eb57bf05 100644 --- a/src/app/features/administration/stepper/stepper.component.scss +++ b/src/app/features/administration/stepper/stepper.component.scss @@ -66,7 +66,7 @@ line-height: $stepper-nav-height; height: $stepper-nav-height; padding: 0 1rem; - color: $secondary_color !important; + color: $secondary_color; &:hover { color: $font_color; @@ -74,6 +74,10 @@ outline-style: solid; } } + .cancel-button-reject-bottom { + background: $secondary_color; + color: $white; + } .step-info { padding: 0 10px; @@ -102,6 +106,9 @@ font-weight: 600; } + .cancel-button-reject { + background: none; + } .cancel-button-reject, .cancel-button-confirm { display: block !important; @@ -122,3 +129,6 @@ width: 3rem; display: inline-block; } +#display_cancel_popup_button { + min-width: 7em; // to adapt other lang without making the nav move +} diff --git a/src/app/features/administration/stepper/stepper.component.ts b/src/app/features/administration/stepper/stepper.component.ts index b152232f..d2bad9bc 100644 --- a/src/app/features/administration/stepper/stepper.component.ts +++ b/src/app/features/administration/stepper/stepper.component.ts @@ -33,7 +33,7 @@ export class StepperComponent { showCancelDialog() { this.display_cancel_dialog = true; this.cd.detectChanges(); - let buttonClosepopup = this.document.querySelector('.p-dialog-header-close'); + let buttonClosepopup = this.document.querySelector('#close_dialog'); if (buttonClosepopup) { buttonClosepopup.focus(); console.log('button close found'); @@ -41,6 +41,13 @@ export class StepperComponent { console.log('not found'); } } + focusOnCancelButton() { + this.display_cancel_dialog = false; + let buttonClose = this.document.querySelector('#display_cancel_popup_button'); + if (buttonClose) { + buttonClose.focus(); + } + } goToHome() { this.display_cancel_dialog = false; diff --git a/src/app/shared/components/selectors/language-selector/language-selector.component.scss b/src/app/shared/components/selectors/language-selector/language-selector.component.scss index 4e76aaa3..505c074b 100644 --- a/src/app/shared/components/selectors/language-selector/language-selector.component.scss +++ b/src/app/shared/components/selectors/language-selector/language-selector.component.scss @@ -17,7 +17,10 @@ } } .lang-button { + color: $secondary_color; border: none; padding: 0; - line-height: $header-nav-inner-height; + display: block; + line-height: $header-nav-height; + height: $header-nav-height; } diff --git a/src/styles/dev-utilities/_helpers.scss b/src/styles/dev-utilities/_helpers.scss index 91bab751..823ee339 100644 --- a/src/styles/dev-utilities/_helpers.scss +++ b/src/styles/dev-utilities/_helpers.scss @@ -81,3 +81,6 @@ .has-no-border { border: none; } +.has-no-padding { + padding: 0; +} diff --git a/src/styles/partials/_typo.scss b/src/styles/partials/_typo.scss index ab0cf244..7cc17ab4 100644 --- a/src/styles/partials/_typo.scss +++ b/src/styles/partials/_typo.scss @@ -43,6 +43,15 @@ body { font-size: 2rem; } } + .p-dialog-content { + padding: 1rem 2rem; + .title { + color: $secondary_color !important; + } + } + .p-dialog-footer { + padding: 3rem 2.5rem; + } } .nobold {