feat(stepper): refactor circle indicator to improve accessibility and styling

2026-07-03 10:24:54 -03:00
parent 510c72624b
commit 2b3713f6a8
2 changed files with 29 additions and 52 deletions
--- a/src/app/shared/components/stepper/stepper.component.html
+++ b/src/app/shared/components/stepper/stepper.component.html
@@ -16,18 +16,12 @@
        }

        <!-- Circle indicator -->
-        <button
+        <div
          class="stepper-header__circle"
          [attr.aria-label]="step.label()"
-          [disabled]="currentStepIndex() <= i"
+          [class.is-clickable]="currentStepIndex() > i"
          (click)="goToStep(i)"
-        >
-          @if (currentStepIndex() > i) {
-            <i class="fa-solid fa-check"></i>
-          } @else {
-            <span>{{ i + 1 }}</span>
-          }
-        </button>
+        ></div>

        <!-- Label -->
        <span class="stepper-header__label">{{ step.label() }}</span>