opening: hide sidebar

dd-ix · Nov 4, 2024 · 6283cb2 · 6283cb2
1 parent 30d4d9e
commit 6283cb2
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 4 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,4 +1,4 @@
-<aside (click)="closeAside()" [class.open]="asideSown | async">
+<aside (click)="closeAside()" [class.open]="asideSown | async" [class.hidden]="disableNav | async">
   <div class="aside-container">
     <a class="not icon" routerLink="/">
       <app-icon-logo></app-icon-logo>

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -5,7 +5,6 @@
   display: grid;
   grid-template-columns: auto 1fr;
 
-
   @media screen and (max-width: $bp-mobile) {
     grid-template-columns: 1fr;
   }
@@ -21,6 +20,13 @@
       gap: 1rem;
     }
 
+    // edge case: opening page without sidebar
+    &.hidden {
+      width: 0;
+      padding: 0;
+      overflow: hidden;
+    }
+
     .icon {
       display: block;
       width: 8rem;

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -29,6 +29,7 @@ import { NotificationListComponent } from "@feel/notification";
 })
 export class AppComponent {
 
+  protected disableNav = new BehaviorSubject(false);
   protected asideSown = new BehaviorSubject(false);
   protected enableAnimation = new BehaviorSubject(false);
 
@@ -60,6 +61,7 @@ export class AppComponent {
         this.meta.updateTag({ name: 'twitter:title', content: $localize`Dresden Internet Exchange` });
       }
 
+      this.disableNav.next(event.url === '/event/opening');
     }),
     map(() => this.location.path() || '/'),
   );

diff --git a/src/app/pages/event/event-opening/event-opening.component.html b/src/app/pages/event/event-opening/event-opening.component.html
@@ -70,7 +70,7 @@ <h2>Location</h2>
             <p>
               SachsenEnergie Center<br>
               Friedrich-List-Platz 2<br>
-              01069 Dresden, Deutschland<br>
+              01069 Dresden, Deutschland
             </p>
             <h2>Traveling</h2>
             <ul>

diff --git a/src/app/pages/event/event-opening/event-opening.component.scss b/src/app/pages/event/event-opening/event-opening.component.scss
@@ -73,3 +73,4 @@
 .hero-card ::ng-deep .container {
   background-color: rgba(0, 0, 0, 0.75) !important;
 }
+
diff --git a/src/app/pages/event/event.routes.ts b/src/app/pages/event/event.routes.ts
@@ -3,7 +3,7 @@ import { Routes } from '@angular/router';
 export const routes: Routes = [
   {
     path: 'opening',
-    loadComponent: () => import("./event-opening/event-opening.component").then(c => c.EventOpeningComponent)
+    loadComponent: () => import("./event-opening/event-opening.component").then(c => c.EventOpeningComponent),
   },
   {
     path: ':slug',