Merge pull request #1915 from bcgov/bugfix/ALCS-2306

Change Mobile cards' Meatballs Menu to Kebab Menu
bcgov · Oct 16, 2024 · 0d30147 · 0d30147
2 parents 9611c46 + 72785eb
commit 0d30147
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 35 deletions.
diff --git a/...rc/app/shared/mobile/naru-residence-mobile-card/naru-residence-mobile-card.component.html b/...rc/app/shared/mobile/naru-residence-mobile-card/naru-residence-mobile-card.component.html
@@ -6,7 +6,7 @@
     </mat-card-title>
     <ng-container *ngIf="!isReviewStep">
       <button mat-icon-button [mat-menu-trigger-for]="menu">
-        <mat-icon>more_horiz</mat-icon>
+        <mat-icon>more_vert</mat-icon>
       </button>
       <mat-menu #menu="matMenu">
         <button mat-menu-item (click)="onEdit()">

diff --git a/...nd/src/app/shared/mobile/parcel-owner-mobile-card/parcel-owner-mobile-card.component.html b/...nd/src/app/shared/mobile/parcel-owner-mobile-card/parcel-owner-mobile-card.component.html
@@ -1,33 +1,30 @@
-<mat-card [ngClass]="{'last-card': isLast, 'review-step': isReviewStep, 'crown': isCrown && !isReviewStep}">
-    <mat-card-header>
-        <mat-card-title>
-            {{ owner.displayName }}
-            {{ owner.crownLandOwnerType === 'provincial' ? ' (Provincial Crown)' : '' }}
-            {{ owner.crownLandOwnerType === 'federal' ? ' (Federal Crown)' : '' }}
-            <!-- {{ !isCrown ? owner.displayName : owner.displayName + ' (' + owner.crownLandOwnerType + ')'}} -->
-        </mat-card-title>
-        <ng-container *ngIf="!isReviewStep">
-            <button mat-icon-button [mat-menu-trigger-for]="menu">
-                <mat-icon>more_horiz</mat-icon>
-            </button>
-            <mat-menu #menu="matMenu">
-                <button mat-menu-item (click)="onEdit()">
-                    <span>Edit</span>
-                </button>
-                <button *ngIf="!isCrown" mat-menu-item (click)="onRemove()">
-                    <span>Remove</span>
-                </button>
-            </mat-menu>
-        </ng-container>
-    </mat-card-header>
-    <mat-card-content>
-        <span *ngIf="owner.organizationName">{{ owner.organizationName }}</span>
-        <span *ngIf="owner.phoneNumber">Phone: {{ owner.phoneNumber | mask: '(000) 000-0000' }}</span>
-        <span *ngIf="owner.email">Email: {{ owner.email }}</span>
-        <a 
-          *ngIf="owner.corporateSummary"
-          (click)="onOpenFile()">
-            {{ owner.corporateSummary.fileName }}
-        </a>
-    </mat-card-content>
-</mat-card>
+<mat-card [ngClass]="{ 'last-card': isLast, 'review-step': isReviewStep, crown: isCrown && !isReviewStep }">
+  <mat-card-header>
+    <mat-card-title>
+      {{ owner.displayName }}
+      {{ owner.crownLandOwnerType === 'provincial' ? ' (Provincial Crown)' : '' }}
+      {{ owner.crownLandOwnerType === 'federal' ? ' (Federal Crown)' : '' }}
+    </mat-card-title>
+    <ng-container *ngIf="!isReviewStep">
+      <button mat-icon-button [mat-menu-trigger-for]="menu">
+        <mat-icon>more_vert</mat-icon>
+      </button>
+      <mat-menu #menu="matMenu">
+        <button mat-menu-item (click)="onEdit()">
+          <span>Edit</span>
+        </button>
+        <button *ngIf="!isCrown" mat-menu-item (click)="onRemove()">
+          <span>Remove</span>
+        </button>
+      </mat-menu>
+    </ng-container>
+  </mat-card-header>
+  <mat-card-content>
+    <span *ngIf="owner.organizationName">{{ owner.organizationName }}</span>
+    <span *ngIf="owner.phoneNumber">Phone: {{ owner.phoneNumber | mask: '(000) 000-0000' }}</span>
+    <span *ngIf="owner.email">Email: {{ owner.email }}</span>
+    <a *ngIf="owner.corporateSummary" (click)="onOpenFile()">
+      {{ owner.corporateSummary.fileName }}
+    </a>
+  </mat-card-content>
+</mat-card>
diff --git a/...ontend/src/app/shared/mobile/transferee-mobile-card/transferee-mobile-card.component.html b/...ontend/src/app/shared/mobile/transferee-mobile-card/transferee-mobile-card.component.html
@@ -5,7 +5,7 @@
     </mat-card-title>
     <ng-container *ngIf="!isReviewStep">
       <button mat-icon-button [mat-menu-trigger-for]="menu">
-        <mat-icon>more_horiz</mat-icon>
+        <mat-icon>more_vert</mat-icon>
       </button>
       <mat-menu #menu="matMenu">
         <button mat-menu-item (click)="onEdit()">