Skip to content

Commit

Permalink
sub-menu alignment not working, so got rid of sub-menus.
Browse files Browse the repository at this point in the history
  • Loading branch information
@neilmenon
neilmenon committed Oct 20, 2023
1 parent 71b92c0 commit 410de9d
Showing 1 changed file with 49 additions and 49 deletions.
98 changes: 49 additions & 49 deletions src/app/header/header.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,39 +27,39 @@
<div [matTooltip]="!user.last_update || (user.last_update && user.progress && user.progress < 0) ? 'An update is currently in progress or queued...' : null" matTooltipPosition="left">
<button [class.disable-click]="!user.last_update || (user.last_update && user.progress && user.progress < 0)" mat-menu-item (click)="updateUser()">Update</button>
</div>
<button mat-menu-item [matMenuTriggerFor]="groupsMenu">Groups</button>
<button mat-menu-item [routerLink]="['groups/create']">
<mat-icon>add</mat-icon>
<span>Create</span>
</button>
<button mat-menu-item (click)="openJoinDialog()">
<mat-icon>person_add</mat-icon>
<span>Join</span>
</button>
<!-- <button mat-menu-item [matMenuTriggerFor]="groupsMenu">Groups</button>
<mat-menu #groupsMenu="matMenu">
<button mat-menu-item [routerLink]="['groups/create']">
<mat-icon>add</mat-icon>
<span>Create</span>
</button>
<button mat-menu-item (click)="openJoinDialog()">
<mat-icon>person_add</mat-icon>
<span>Join</span>
</button>
<button mat-menu-item *ngFor="let group of user?.groups" [routerLink]="['groups/' + group.join_code]" matTooltip="Visit {{ group.name }}'s page" matTooltipPosition="above">
{{ group.name }}
</button>
</mat-menu>
</mat-menu> -->
<button mat-menu-item [routerLink]="['/settings']">Settings</button>
<button mat-menu-item (click)="switchUser()" *ngIf="config.admin_username == user.username">Switch User</button>
<button mat-menu-item (click)="switchBack()" *ngIf="showClearLocalData">Switch Back</button>
<button mat-menu-item (click)="exitDemo()" *ngIf="isDemo | async">Exit Demo</button>
<button mat-menu-item [matMenuTriggerFor]="aboutMenu">About</button>
<mat-menu #aboutMenu="matMenu">
<button mat-menu-item (click)="openFaqs()">
<mat-icon>info</mat-icon>
<span>FAQs</span>
</button>
<button mat-menu-item (click)="openCredits()">
<mat-icon>code</mat-icon>
<span>Credits / Support</span>
</button>
<button mat-menu-item (click)="openMobileInstructions()">
<mat-icon>phone_iphone</mat-icon>
<span>Mobile App</span>
</button>
</mat-menu>
<!-- <button mat-menu-item [matMenuTriggerFor]="aboutMenu">About</button> -->
<button mat-menu-item (click)="openFaqs()">
<mat-icon>info</mat-icon>
<span>FAQs</span>
</button>
<button mat-menu-item (click)="openCredits()">
<mat-icon>code</mat-icon>
<span>Credits / Support</span>
</button>
<button mat-menu-item (click)="openMobileInstructions()">
<mat-icon>phone_iphone</mat-icon>
<span>Mobile App</span>
</button>
<!-- <mat-menu #aboutMenu="matMenu">
</mat-menu> -->
<button mat-menu-item (click)="signOut()" *ngIf="!(isDemo | async)">Sign Out</button>
</mat-menu>
</a>
Expand Down Expand Up @@ -98,39 +98,39 @@
<div [matTooltip]="!user.last_update || (user.last_update && user.progress && user.progress < 0) ? 'An update is currently in progress or queued...' : null" matTooltipPosition="left">
<button [class.disable-click]="!user.last_update || (user.last_update && user.progress && user.progress < 0)" mat-menu-item (click)="updateUser()">Update</button>
</div>
<button mat-menu-item [matMenuTriggerFor]="groupsMenu">Groups</button>
<button mat-menu-item [routerLink]="['groups/create']">
<mat-icon>add</mat-icon>
<span>Create</span>
</button>
<button mat-menu-item (click)="openJoinDialog()">
<mat-icon>person_add</mat-icon>
<span>Join</span>
</button>
<!-- <button mat-menu-item [matMenuTriggerFor]="groupsMenu">Groups</button>
<mat-menu #groupsMenu="matMenu">
<button mat-menu-item [routerLink]="['groups/create']">
<mat-icon>add</mat-icon>
<span>Create</span>
</button>
<button mat-menu-item (click)="openJoinDialog()">
<mat-icon>person_add</mat-icon>
<span>Join</span>
</button>
<button mat-menu-item *ngFor="let group of user?.groups" [routerLink]="['groups/' + group.join_code]" matTooltip="Visit {{ group.name }}'s page" matTooltipPosition="above">
{{ group.name }}
</button>
</mat-menu>
</mat-menu> -->
<button mat-menu-item [routerLink]="['/settings']">Settings</button>
<button mat-menu-item (click)="switchUser()" *ngIf="config.admin_username == user.username">Switch User</button>
<button mat-menu-item (click)="switchBack()" *ngIf="showClearLocalData">Switch Back</button>
<button mat-menu-item (click)="exitDemo()" *ngIf="isDemo | async">Exit Demo</button>
<button mat-menu-item [matMenuTriggerFor]="aboutMenu">About</button>

This comment has been minimized.

Sign in to view

Copy link
@kbuterba

kbuterba Oct 20, 2023

Does this line need to be removed as well? I am still seeing the "About" button without functionality.

This comment has been minimized.

Sign in to view

Copy link
@neilmenon

neilmenon Oct 20, 2023

Author Owner

yes I'm being incredibly lazy and not testing locally before deployment, thanks
<mat-menu #aboutMenu="matMenu">
<button mat-menu-item (click)="openFaqs()">
<mat-icon>info</mat-icon>
<span>FAQs</span>
</button>
<button mat-menu-item (click)="openCredits()">
<mat-icon>code</mat-icon>
<span>Credits / Support</span>
</button>
<button mat-menu-item (click)="openMobileInstructions()">
<mat-icon>phone_iphone</mat-icon>
<span>Mobile App</span>
</button>
</mat-menu>
<button mat-menu-item (click)="openFaqs()">
<mat-icon>info</mat-icon>
<span>FAQs</span>
</button>
<button mat-menu-item (click)="openCredits()">
<mat-icon>code</mat-icon>
<span>Credits / Support</span>
</button>
<button mat-menu-item (click)="openMobileInstructions()">
<mat-icon>phone_iphone</mat-icon>
<span>Mobile App</span>
</button>
<!-- <mat-menu #aboutMenu="matMenu">
</mat-menu> -->
<button mat-menu-item (click)="signOut()" *ngIf="!(isDemo | async)">Sign Out</button>
</mat-menu>
</a>
Expand Down

0 comments on commit 410de9d

Please sign in to comment.