Browse Source

Improve style of stepper in user account registration dialog

pull/8157/head
Thomas Kaul 2 days ago
parent
commit
2f0713a96e
  1. 1
      apps/client/src/app/pages/register/user-account-registration-dialog/user-account-registration-dialog.html
  2. 11
      apps/client/src/app/pages/register/user-account-registration-dialog/user-account-registration-dialog.scss

1
apps/client/src/app/pages/register/user-account-registration-dialog/user-account-registration-dialog.html

@ -8,6 +8,7 @@
<mat-stepper
#stepper
animationDuration="0ms"
[disableRipple]="true"
[linear]="true"
[orientation]="data.deviceType === 'mobile' ? 'vertical' : 'horizontal'"
>

11
apps/client/src/app/pages/register/user-account-registration-dialog/user-account-registration-dialog.scss

@ -1,3 +1,5 @@
@use '@angular/material' as mat;
:host {
--mat-dialog-with-actions-content-padding: 0;
@ -10,6 +12,15 @@
}
}
mat-stepper {
@include mat.stepper-overrides(
(
header-focus-state-layer-color: transparent,
header-hover-state-layer-color: transparent
)
);
}
.mat-mdc-dialog-actions {
padding: 0 !important;
}

Loading…
Cancel
Save