src/app/app.component.html

@@ -9,7 +9,7 @@
 
   <mat-drawer-container class="example-container" autosize>
     <mat-drawer #drawer class="example-sidenav" mode="side">
-      <div class="sidenav-header">
+      <div class="sidenav-header" (click)="resetSelection()">
         <button mat-button [matMenuTriggerFor]="contentMenu">
           <span class="mat-button-wrapper">{{ModelComponentTypeUtillities.toString(openContent)}}
             <mat-icon class="mat-icon">expand_more</mat-icon>

src/app/app.component.ts

@@ -221,4 +221,10 @@ export class AppComponent implements OnInit{
       this.gamesystemOverview!.refresh();
     }
   }
+
+  resetSelection() {
+    if(this.gamesystemOverview != undefined) {
+      this.gamesystemOverview.resetSelectedGamesystem()
+    }
+  }
 }

src/app/side-overviews/gamescript-overview/gamescript-overview.component.ts

@@ -103,4 +103,8 @@ export class GamescriptOverviewComponent implements OnInit {
   refresh() {
     this.dataSource.data = this.gameModel!.gamesystems;
   }
+
+  resetSelectedGamesystem() {
+    this.selectedGamesystem = undefined
+  }
 }