Improve usability via cursor styles

12 months ago · e0425741f4
1 changed files with 4 additions and 1 deletions
--- a/apps/client/src/app/components/toggle/toggle.component.html
+++ b/apps/client/src/app/components/toggle/toggle.component.html
@ -7,7 +7,10 @@
    <mat-radio-button
      class="d-inline-flex"
      [disabled]="isLoading"
-      [ngClass]="{ 'cursor-pointer': !isLoading }"
+      [ngClass]="{
+        'cursor-default': option.value === optionFormControl.value,
+        'cursor-pointer': !isLoading && option.value !== optionFormControl.value
+      }"
      [value]="option.value"
      >{{ option.label }}</mat-radio-button
    >