Prevent showning 404 and redirect to docs default-page.

Author: FawzyMokhtar

src/app/root/root-routing.module.ts

@@ -6,23 +6,18 @@ import * as fromShared from "../shared";
 import * as fromContainers from "./containers";
 
 const routes: Routes = [
-    {
-        path: "",
-        redirectTo: "docs",
-        pathMatch: "full"
-    },
     {
         path: "docs",
         component: fromContainers.LayoutComponent,
         children: [
-            {
-                path: "",
-                pathMatch: "full",
-                redirectTo: "v1.0.0"
-            },
             {
                 path: "v1.0.0",
                 loadChildren: () => import("../version1.0.0").then(m => m.Version100Module)
+            },
+            {
+                path: "**",
+                pathMatch: "full",
+                redirectTo: "v1.0.0"
             }
         ]
     },
@@ -40,7 +35,12 @@ const routes: Routes = [
                 redirectTo: ""
             },
         ]
-    }
+    },
+    {
+        path: "**",
+        pathMatch: "full",
+        redirectTo: "docs"
+    },
 ];
 
 @NgModule({

src/app/version1.0.0/version1.0.0-routing.module.ts

@@ -9,12 +9,6 @@ const routes: Routes = [
     path: "",
     component: fromContainers.MainComponent,
     children: [
-
-      {
-        path: "",
-        pathMatch: "full",
-        redirectTo: "getting-started"
-      },
       {
         path: "getting-started",
         component: fromComponents.GettingStartedComponent
@@ -221,6 +215,12 @@ const routes: Routes = [
         path: "contributors",
         component: fromComponents.ContributorsComponent
       },
+
+      {
+        path: "**",
+        pathMatch: "full",
+        redirectTo: "getting-started"
+      }
     ]
   }
 ];

src/styles/components/_doc-navigator.scss

@@ -32,10 +32,3 @@
     }
   }
 }
-
-@include screen-min-md {
-  .doc-prev-next {
-    /* 100% of parent - section-nav-width - 4rem for margins & paddings */
-    max-width: calc(100% - #{$section-nav-width});
-  }
-}