now hiding content if !ws.connected

src/main/angular/src/app/app.html

@@ -17,19 +17,19 @@
       <fa-icon [icon]="faGears"></fa-icon>
     </div>
 
-    @if (!ws.connected) {
-      <div class="MainMenuItem MainMenuNotConnected">NICHT VERBUNDEN</div>
-    }
-
   </div>
 </div>
 
-<div class="MainMenuDrawer NoUserSelect" [hidden]="!showDrawer">
-  @for (location of locationList; track location.id) {
-    @if (location.id !== locationService.id) {
-      <div class="MainMenuItem" (click)="navigate(`Location/${location.id}`); showDrawer = false" routerLinkActive="MainMenuItemActive">{{ location.name }}</div>
+@if (ws.connected) {
+
+  <div class="MainMenuDrawer NoUserSelect" [hidden]="!showDrawer">
+    @for (location of locationList; track location.id) {
+      @if (location.id !== locationService.id) {
+        <div class="MainMenuItem" (click)="navigate(`Location/${location.id}`); showDrawer = false" routerLinkActive="MainMenuItemActive">{{ location.name }}</div>
+      }
     }
-  }
-</div>
+  </div>
+
+}
 
 <router-outlet/>

src/main/angular/src/app/app.less

@@ -26,10 +26,6 @@
       flex: 1;
     }
 
-    .MainMenuNotConnected {
-      color: red;
-    }
-
     .bookmarkInactive {
       color: lightgray;
     }