Merge pull request #61 from Service-Soft/dev

Release 16.0.1
Service-Soft · Sep 4, 2023 · ac580b4 · ac580b4
2 parents 5a4a5d9 + b69b9c0
commit ac580b4
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 16 deletions.
diff --git a/projects/ngx-material-navigation-showcase/src/app/routes.ts b/projects/ngx-material-navigation-showcase/src/app/routes.ts
@@ -2,7 +2,7 @@
 /* eslint-disable jsdoc/require-jsdoc */
 import { inject } from '@angular/core';
 import { Router } from '@angular/router';
-import { NavbarRow, NavElementTypes, NavUtilities, NgxMatNavigationNotFoundComponent, NavRoute } from 'ngx-material-navigation';
+import { NavElementTypes, NavRoute, NavUtilities, NavbarRow, NgxMatNavigationNotFoundComponent } from 'ngx-material-navigation';
 import { CustomComponent } from './components/custom/custom.component';
 import { footerRows } from './footer-rows';
 
@@ -55,6 +55,10 @@ export const navbarRows: NavbarRow<NavRoute>[] = [
                             {
                                 name: 'Middle',
                                 fragment: 'middle'
+                            },
+                            {
+                                name: 'Test for responsiveness',
+                                fragment: 'test'
                             }
                         ]
                     }

diff --git a/projects/ngx-material-navigation/package.json b/projects/ngx-material-navigation/package.json
@@ -1,6 +1,6 @@
 {
     "name": "ngx-material-navigation",
-    "version": "16.0.0",
+    "version": "16.0.1",
     "license": "MIT",
     "keywords": [
         "angular",

diff --git a/projects/ngx-material-navigation/src/components/navbar/navbar.component.scss b/projects/ngx-material-navigation/src/components/navbar/navbar.component.scss
@@ -18,6 +18,6 @@
         gap: 10px;
         flex-direction: row;
         align-items: center;
-        justify-content: center;
+        flex-wrap: wrap;
     }
 }
diff --git a/projects/ngx-material-navigation/src/components/navbar/navbar.component.ts b/projects/ngx-material-navigation/src/components/navbar/navbar.component.ts
@@ -70,7 +70,7 @@ export class NgxMatNavigationNavbarComponent implements OnInit, OnDestroy, After
 
     sanitizedMinHeight!: SafeStyle;
 
-    screenWidthName: 'lg' | 'md' | 'sm' = this.getCurrentScreenWidthName();
+    screenWidthName!: 'lg' | 'md' | 'sm';
 
     internalSidenavElements: NavElement[] = [];
 
@@ -95,6 +95,7 @@ export class NgxMatNavigationNavbarComponent implements OnInit, OnDestroy, After
     }
 
     ngOnInit(): void {
+        this.screenWidthName = this.getCurrentScreenWidthName();
         this.navService.navbarRowsSubject.pipe(takeUntil(this.onDestroy)).subscribe(navbarRows => {
             this.internalSidenavElements = this.navService.getSidenavElements(navbarRows, this.screenWidthName);
             if (!this.internalSidenavElements.length && this.sidenav && this.sidenav.opened) {

diff --git a/projects/ngx-material-navigation/src/components/not-found/not-found.component.html b/projects/ngx-material-navigation/src/components/not-found/not-found.component.html
@@ -1,6 +1,8 @@
-<h1>404</h1>
-<h2>{{title}}</h2>
-<p>
-    {{message}}
-</p>
-<a mat-raised-button [routerLink]="homeRoute">{{buttonLabel}}</a>
+<div>
+    <h1>404</h1>
+    <h2>{{title}}</h2>
+    <p>
+        {{message}}
+    </p>
+    <a mat-raised-button [routerLink]="homeRoute">{{buttonLabel}}</a>
+</div>
diff --git a/projects/ngx-material-navigation/src/components/not-found/not-found.component.scss b/projects/ngx-material-navigation/src/components/not-found/not-found.component.scss
@@ -1,5 +1,9 @@
+div {
+    padding: 24px 6px 24px 6px;
+    text-align: center;
+}
+
 h1 {
-    margin-top: 24px;
     text-align: center;
     font-size: 130px;
     line-height: 130px;
@@ -21,10 +25,7 @@ p {
     margin-bottom: 24px;
 }
 
-button {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
+a {
     font-size: 25px;
-    margin-bottom: 24px;
+    line-height: 25px;
 }