feat(app): make view options accessible through keyboard

HSF · Aug 1, 2021 · a50a0d1 · a50a0d1
1 parent 860be71
commit a50a0d1
Showing 1 changed file with 28 additions and 12 deletions.
diff --git a/...cts/phoenix-ui-components/src/components/ui-menu/view-options/view-options.component.html b/...cts/phoenix-ui-components/src/components/ui-menu/view-options/view-options.component.html
@@ -1,16 +1,32 @@
 <mat-menu #viewOptions>
-  <mat-checkbox
-    class="mat-menu-item"
-    (click)="$event.stopPropagation()"
-    (change)="setGrid($event)"
-    >Show Grid
-  </mat-checkbox>
-  <mat-checkbox
-    class="mat-menu-item"
-    (click)="$event.stopPropagation()"
-    (change)="setAxis($event)"
-    >Show axis
-  </mat-checkbox>
+  <button
+    mat-menu-item
+    (click)="
+      $event.stopPropagation();
+      showGridCheckbox._inputElement.nativeElement.click()
+    "
+  >
+    <mat-checkbox
+      #showGridCheckbox
+      (click)="$event.stopPropagation()"
+      (change)="setGrid($event)"
+      >Show Grid
+    </mat-checkbox>
+  </button>
+  <button
+    mat-menu-item
+    (click)="
+      $event.stopPropagation();
+      showAxisCheckbox._inputElement.nativeElement.click()
+    "
+  >
+    <mat-checkbox
+      #showAxisCheckbox
+      (click)="$event.stopPropagation()"
+      (change)="setAxis($event)"
+      >Show axis
+    </mat-checkbox>
+  </button>
   <button
     mat-menu-item
     *ngFor="let view of views"