Theme stuff

cmu-sei · Oct 31, 2024 · a26c715 · a26c715
1 parent d640ee8
commit a26c715
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 12 deletions.
diff --git a/projects/gameboard-ui/src/app/components/nav/nav.component.html b/projects/gameboard-ui/src/app/components/nav/nav.component.html
@@ -32,7 +32,7 @@
 <nav class="nav-sm bg-dark">
     <div class="flex-grow-1"></div>
     <div class="btn-group" dropdown placement="bottom right">
-        <button id="nav-toggle" dropdownToggle type="button" class="btn btn-info dropdown-toggle d-block"
+        <button id="nav-toggle" dropdownToggle type="button" class="btn btn-success dropdown-toggle d-block"
             aria-controls="dropdown-animated">
             <fa-icon [icon]="fa.bars"></fa-icon>
             Menu
@@ -57,21 +57,15 @@
                         <app-support-pill></app-support-pill>
                     </a>
                 </li>
-                <li *appIfHasPermission="'Reports_View'">
-                    <a routerLinkActive="active" [routerLink]="['/reports']">
-                        Reports
-                    </a>
-                    <span class="badge badge-info">[BETA]</span>
-                </li>
                 <li *appIfHasPermission="'Admin_View'">
                     <a routerLinkActive="active" [routerLink]="['/admin']">
                         Admin
                     </a>
                 </li>
-                <li>
-                    <app-user-nav-item></app-user-nav-item>
-                </li>
             </ng-container>
+            <li>
+                <app-user-nav-item size="compact"></app-user-nav-item>
+            </li>
         </ul>
     </div>
 </nav>
diff --git a/...ameboard-ui/src/app/standalone/user/components/user-nav-item/user-nav-item.component.html b/...ameboard-ui/src/app/standalone/user/components/user-nav-item/user-nav-item.component.html
@@ -1,4 +1,5 @@
-<div class="btn-group" dropdown *ngIf="localUser$ | async as localUser; else unauthed">
+<div class="btn-group" [class.compact]="size === 'compact'" dropdown
+    *ngIf="localUser$ | async as localUser; else unauthed">
     <button [routerLink]="profileLinks?.profile" type="button" class="btn btn-success">
         <div class="d-flex align-items-center">
             <app-avatar class="mr-2" size="tiny" [imageUrl]="localUser.sponsor | sponsorToLogoUri">

diff --git a/...ameboard-ui/src/app/standalone/user/components/user-nav-item/user-nav-item.component.scss b/...ameboard-ui/src/app/standalone/user/components/user-nav-item/user-nav-item.component.scss
@@ -1,5 +1,9 @@
 @import "../../../../../scss/variables";
 
+.compact .nav-link-text {
+  font-size: 1rem;
+}
+
 .nav-link-text {
   display: block;
   font-size: 1.5rem;

diff --git a/.../gameboard-ui/src/app/standalone/user/components/user-nav-item/user-nav-item.component.ts b/.../gameboard-ui/src/app/standalone/user/components/user-nav-item/user-nav-item.component.ts
@@ -1,4 +1,4 @@
-import { Component, inject, OnInit } from '@angular/core';
+import { Component, inject, Input, OnInit } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { CoreModule } from '@/core/core.module';
 import { RouterService } from '@/services/router.service';
@@ -17,6 +17,8 @@ import { ModalConfirmService } from '@/services/modal-confirm.service';
   styleUrls: ['./user-nav-item.component.scss']
 })
 export class UserNavItemComponent implements OnInit {
+  @Input() size: "standard" | "compact" = "standard";
+
   private authService = inject(AuthService);
   private localUser = inject(LocalUserService);
   private modalService = inject(ModalConfirmService);