fix: sticky header

regression

Author: xmlking

apps/webapp/src/styles/_global.scss

@@ -10,7 +10,7 @@
     font-weight: 300;
     margin: 0;
     padding: 28px 8px;
-    font-size: 20px;
+    font-size: 20px !important;
   }
 }
 

libs/home/src/lib/components/header/header.component.html

@@ -1,8 +1,6 @@
 <mat-toolbar color="primary" class="default-navbar-header mat-elevation-z6">
   <mat-toolbar-row fxLayout="row" fxLayoutAlign="space-between center">
-
     <a mat-button href="/" aria-label="Angular Material">
-      <!--<img class="default-angular-logo"-->
       <img class="default-angular-logo"
            src="assets/img/homepage/angular-white-transparent.svg"
            alt="angular">
@@ -44,7 +42,6 @@
       </button>
       </ng-container>
     </mat-menu>
-
   </mat-toolbar-row>
 
   <mat-toolbar-row fxLayout="row" fxLayoutAlign="space-between center" fxHide fxShow.lt-sm>

libs/home/src/lib/components/header/header.component.scss

@@ -1,4 +1,5 @@
 :host {
+  position: sticky;
   top: 0;
   left: 0;
   right: 0;