From ccc6e34e0b5d4b46c7abd4454f3e08219856bdb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Rom=C3=A3o?= <andre.miguel01@gmail.com>
Date: Mon, 15 Apr 2024 14:56:13 +0100
Subject: [PATCH] fixes sidebar for sinfo members

---
 src/app/user/user.component.css  |   2 +-
 src/app/user/user.component.html | 194 +++++++++++++++----------------
 2 files changed, 95 insertions(+), 101 deletions(-)

diff --git a/src/app/user/user.component.css b/src/app/user/user.component.css
index cded0729..960a4b92 100644
--- a/src/app/user/user.component.css
+++ b/src/app/user/user.component.css
@@ -174,5 +174,5 @@
 }
 
 .navlist {
-  height: -webkit-fill-available !important;
+  min-height: 100%;
 }
\ No newline at end of file
diff --git a/src/app/user/user.component.html b/src/app/user/user.component.html
index f851203b..47c866c5 100644
--- a/src/app/user/user.component.html
+++ b/src/app/user/user.component.html
@@ -70,34 +70,32 @@ <h2 *ngIf="user && user.role === 'team'" matSubheader style="color: grey;">Staff
           <span class="list-item">Validate Card</span>
         </div>
       </a>
-      <mat-accordion *ngIf="user && user.role === 'team'">
-        <mat-expansion-panel style="background-color: transparent; box-shadow: none;">
-          <mat-expansion-panel-header class="specific-class">
-            <a mat-list-item>
-              <div class="navigation-link">
-                <mat-icon>cake</mat-icon>
-                <span class="list-item">Pick Winner</span>
-              </div>
-            </a>
-          </mat-expansion-panel-header>
-          <mat-nav-list>
-            <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/prizes"
-              routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
-              <div class="navigation-link">
-                <mat-icon>cake</mat-icon>
-                <span class="list-item">Prizes</span>
-              </div>
-            </a>
-            <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/pick-winner"
-              routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
-              <div class="navigation-link">
-                <mat-icon>cake</mat-icon>
-                <span class="list-item">Pick Winner</span>
-              </div>
-            </a>
-          </mat-nav-list>
-        </mat-expansion-panel>
-      </mat-accordion>
+      <mat-expansion-panel *ngIf="user && user.role === 'team'" style="background-color: transparent; box-shadow: none;">
+        <mat-expansion-panel-header class="specific-class">
+          <a mat-list-item>
+            <div class="navigation-link">
+              <mat-icon>cake</mat-icon>
+              <span class="list-item">Pick Winner</span>
+            </div>
+          </a>
+        </mat-expansion-panel-header>
+        <mat-nav-list>
+          <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/prizes"
+            routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
+            <div class="navigation-link">
+              <mat-icon>cake</mat-icon>
+              <span class="list-item">Prizes</span>
+            </div>
+          </a>
+          <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/pick-winner"
+            routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
+            <div class="navigation-link">
+              <mat-icon>cake</mat-icon>
+              <span class="list-item">Pick Winner</span>
+            </div>
+          </a>
+        </mat-nav-list>
+      </mat-expansion-panel>
       
       <h2 *ngIf="user && user.role === 'team'" matSubheader style="color: grey;">Company Options</h2>
       <a
@@ -133,42 +131,40 @@ <h2 *ngIf="user && user.role === 'team'" matSubheader style="color: grey;">Compa
           <span class="list-item">Download CVs</span>
         </div>
       </a>
-      
-      <mat-accordion *ngIf="user && user.role === 'team'">
-        <mat-expansion-panel style="background-color: transparent; box-shadow: none;">
-          <mat-expansion-panel-header class="specific-class">
-            <a mat-list-item class="navigation-link">
-              <div class="navigation-link">
-                <mat-icon>get_app</mat-icon>
-                <span class="list-item">CV Downloads </span>
-              </div>
-            </a>
-          </mat-expansion-panel-header>
-          <mat-nav-list>
-            <a *ngIf="user && user.role !== 'user'" mat-list-item routerLink="/user/downloads/download"
-              routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
-              <div class="navigation-link">
-                <mat-icon>get_app</mat-icon>
-                <span class="list-item">Download CVs</span>
-              </div>
-            </a>
-            <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/downloads/manage"
-              routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
-              <div class="navigation-link">
-                <mat-icon>get_app</mat-icon>
-                <span class="list-item">Create Endpoints</span>
-              </div>
-            </a>
-            <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/downloads/status"
-              routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
-              <div class="navigation-link">
-                <mat-icon>get_app</mat-icon>
-                <span class="list-item">Endpoints Status</span>
-              </div>
-            </a>
-          </mat-nav-list>
-        </mat-expansion-panel>
-      </mat-accordion>
+
+      <mat-expansion-panel *ngIf="user && user.role === 'team'" style="background-color: transparent; box-shadow: none;">
+        <mat-expansion-panel-header class="specific-class">
+          <a mat-list-item class="navigation-link">
+            <div class="navigation-link">
+              <mat-icon>get_app</mat-icon>
+              <span class="list-item">CV Downloads </span>
+            </div>
+          </a>
+        </mat-expansion-panel-header>
+        <mat-nav-list>
+          <a *ngIf="user && user.role !== 'user'" mat-list-item routerLink="/user/downloads/download"
+            routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
+            <div class="navigation-link">
+              <mat-icon>get_app</mat-icon>
+              <span class="list-item">Download CVs</span>
+            </div>
+          </a>
+          <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/downloads/manage"
+            routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
+            <div class="navigation-link">
+              <mat-icon>get_app</mat-icon>
+              <span class="list-item">Create Endpoints</span>
+            </div>
+          </a>
+          <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/downloads/status"
+            routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
+            <div class="navigation-link">
+              <mat-icon>get_app</mat-icon>
+              <span class="list-item">Endpoints Status</span>
+            </div>
+          </a>
+        </mat-nav-list>
+      </mat-expansion-panel>
     
       <h2 *ngIf="user && user.role === 'team'" matSubheader style="color: grey;">Atendee Options</h2>
 
@@ -206,42 +202,40 @@ <h2 *ngIf="user && user.role === 'team'" matSubheader style="color: grey;">Atend
         </div>
       </a>
 
-      <mat-accordion *ngIf="user && user.role === 'team'">
-        <mat-expansion-panel style="background-color: transparent; box-shadow: none;">
-          <mat-expansion-panel-header class="specific-class">
-            <a mat-list-item class="navigation-link">
-              <div class="navigation-link">
-                <mat-icon> business</mat-icon>
-                <span class="list-item">Workshops</span>
-              </div>
-            </a>
-          </mat-expansion-panel-header>
-          <mat-nav-list>
-            <a *ngIf="user && user.role !== 'company'" mat-list-item routerLink="/user/workshops"
-              routerLinkActive="navigation-link active" [routerLinkActiveOptions]="{ exact: true }"
-              (click)="sidenav.toggle()" class="navigation-link">
-              <div class="navigation-link">
-                <mat-icon> business</mat-icon>
-                <span class="list-item">Workshops</span>
-              </div>
-            </a>
-            <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/workshops/workshops-status"
-              routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
-              <div class="navigation-link">
-                <mat-icon>info</mat-icon>
-                <span class="list-item">Workshop Status</span>
-              </div>
-            </a>
-            <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/validate-workshop"
-              routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
-              <div class="navigation-link">
-                <mat-icon>event</mat-icon>
-                <span class="list-item">Validate Workshop</span>
-              </div>
-            </a>
-          </mat-nav-list>
-        </mat-expansion-panel>  
-      </mat-accordion>
+      <mat-expansion-panel  *ngIf="user && user.role === 'team'" style="background-color: transparent; box-shadow: none;">
+        <mat-expansion-panel-header class="specific-class">
+          <a mat-list-item class="navigation-link">
+            <div class="navigation-link">
+              <mat-icon> business</mat-icon>
+              <span class="list-item">Workshops</span>
+            </div>
+          </a>
+        </mat-expansion-panel-header>
+        <mat-nav-list>
+          <a *ngIf="user && user.role !== 'company'" mat-list-item routerLink="/user/workshops"
+            routerLinkActive="navigation-link active" [routerLinkActiveOptions]="{ exact: true }"
+            (click)="sidenav.toggle()" class="navigation-link">
+            <div class="navigation-link">
+              <mat-icon> business</mat-icon>
+              <span class="list-item">Workshops</span>
+            </div>
+          </a>
+          <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/workshops/workshops-status"
+            routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
+            <div class="navigation-link">
+              <mat-icon>info</mat-icon>
+              <span class="list-item">Workshop Status</span>
+            </div>
+          </a>
+          <a *ngIf="user && user.role === 'team'" mat-list-item routerLink="/user/validate-workshop"
+            routerLinkActive="navigation-link active" (click)="sidenav.toggle()">
+            <div class="navigation-link">
+              <mat-icon>event</mat-icon>
+              <span class="list-item">Validate Workshop</span>
+            </div>
+          </a>
+        </mat-nav-list>
+      </mat-expansion-panel>