fix(stepper): don't grey out non-linear steps

No longer displays steps as disabled in non-linear mode. Previously they would be greyed-out, causing them to look disabled even though they're clickable. Fixes angular#7260.
crisbeto · Oct 2, 2017 · c4410c3 · c4410c3
1 parent 01622b1
commit c4410c3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/lib/stepper/stepper-horizontal.html b/src/lib/stepper/stepper-horizontal.html
@@ -11,7 +11,7 @@
                      [icon]="_getIndicatorType(i)"
                      [label]="step.stepLabel || step.label"
                      [selected]="selectedIndex === i"
-                     [active]="step.completed || selectedIndex === i"
+                     [active]="step.completed || selectedIndex === i || !linear"
                      [optional]="step.optional">
     </mat-step-header>
     <div *ngIf="!isLast" class="mat-stepper-horizontal-line"></div>

diff --git a/src/lib/stepper/stepper-vertical.html b/src/lib/stepper/stepper-vertical.html
@@ -10,7 +10,7 @@
                    [icon]="_getIndicatorType(i)"
                    [label]="step.stepLabel || step.label"
                    [selected]="selectedIndex === i"
-                   [active]="step.completed || selectedIndex === i"
+                   [active]="step.completed || selectedIndex === i || !linear"
                    [optional]="step.optional">
   </mat-step-header>