andwati/zitadel
1
0
Fork 0
mirror of https://github.com/andwati/zitadel.git synced 2026-10-31 19:42:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(console): change icon of past steps to checkbox (#5580)

Browse Source 
checkbox for app create stepper
This commit is contained in:
Miguel Cabrerizo
2023-04-11 15:07:35 +02:00
committed by GitHub
parent ef7c53a6dc
commit c0c76a8ea9
4 changed files with 47 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
console/src/app/modules/create-layout/create-layout.component.scss
+30
View File
@@ -1,3 +1,33 @@
@use '@angular/material' as mat;
@mixin app-create-theme($theme) {
$primary: map-get($theme, primary);
$primary-color: mat.get-color-from-palette($primary, 500);
// Number of steps creating app
$steps: 3;
.app-create-wrapper {
// Reference: https://github.com/angular/components/issues/10681#issuecomment-695185806
@for $i from 1 through $steps {
@for $j from 1 through $i {
.last-edited-step-#{$i}
.mat-horizontal-stepper-header-container
.mat-step-header:nth-child(#{1 + 2 * ($j - 1)})::after,
.last-edited-step-#{$i}
.mat-horizontal-stepper-header-container
.mat-stepper-horizontal-line:nth-child(#{2 + 2 * ($j - 1)}),
.last-edited-step-#{$i}
.mat-horizontal-stepper-header-container
.mat-step-header:nth-child(#{3 + 2 * ($j - 1)})::before {
border-top-width: 3px;
border-top-color: $primary-color;
}
}
}
}
}
.create-layout-container {
display: flex;
align-items: center;