mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-01-09 12:05:08 +00:00
(apps/academy) Fixed: Ring outside the current step's number is not visible
This commit is contained in:
parent
150ddc64d7
commit
099e745a36
|
@ -61,8 +61,8 @@
|
||||||
class="relative flex items-start cursor-pointer"
|
class="relative flex items-start cursor-pointer"
|
||||||
(click)="goToStep(step.order)">
|
(click)="goToStep(step.order)">
|
||||||
<div
|
<div
|
||||||
class="flex flex-0 items-center justify-center w-8 h-8 rounded-full ring-2 ring-inset ring-transparent bg-card dark:bg-default"
|
class="flex flex-0 items-center justify-center w-8 h-8 rounded-full ring-2 ring-inset bg-card dark:bg-default"
|
||||||
[ngClass]="{'bg-primary dark:bg-primary text-on-primary group-hover:bg-primary-800': step.order < currentStep,
|
[ngClass]="{'bg-primary dark:bg-primary text-on-primary group-hover:bg-primary-800 ring-transparent': step.order < currentStep,
|
||||||
'ring-primary': step.order === currentStep,
|
'ring-primary': step.order === currentStep,
|
||||||
'ring-gray-300 dark:ring-gray-600 group-hover:ring-gray-400': step.order > currentStep}">
|
'ring-gray-300 dark:ring-gray-600 group-hover:ring-gray-400': step.order > currentStep}">
|
||||||
<!-- Check icon, show if the step is completed -->
|
<!-- Check icon, show if the step is completed -->
|
||||||
|
|
Loading…
Reference in New Issue
Block a user