From ed1b4a8f198eff41559c7c3fc4b1bceab96e8395 Mon Sep 17 00:00:00 2001
From: Ajit Singh <ajitsinghkaler0@gmail.com>
Date: Fri, 8 May 2020 10:29:18 +0530
Subject: [PATCH] docs: add migration guides to sidenav in updating to Version
 9 (#34979)

All migration guides did not have a direct link to access them so added them to the side nav in the section updating to version 9 for direct access, it also helps to add right side nav to these migration guides

Fixes #33582

PR Close #34979
---
 aio/content/navigation.json            | 51 +++++++++++++++++++++++++-
 aio/src/styles/1-layouts/_sidenav.scss | 20 ++++++++++
 2 files changed, 69 insertions(+), 2 deletions(-)

diff --git a/aio/content/navigation.json b/aio/content/navigation.json
index 955bc5263d..e6ec4dc9dd 100644
--- a/aio/content/navigation.json
+++ b/aio/content/navigation.json
@@ -772,9 +772,56 @@
           "tooltip": "Angular versioning, release, support, and deprecation policies and practices."
         },
         {
-          "url": "guide/updating-to-version-9",
           "title": "Updating to Version 9",
-          "tooltip": "Support for updating your application from version 8 to 9."
+          "tooltip": "Support for updating your application from version 8 to 9.",
+          "children": [
+            {
+              "url": "guide/updating-to-version-9",
+              "title": "Overview",
+              "tooltip": "Everything you need to know for updating your application from version 8 to 9."
+            },
+            {
+              "url": "guide/ivy-compatibility",
+              "title": "Ivy Compatibility Guide",
+              "tooltip": "Details to help you make sure your application is compatible with Ivy."
+            },
+            {
+              "title": "Optional Migrations",
+              "tooltip": "Optional migration details regarding updating to version 9.",
+              "children": [
+                {
+                  "url": "guide/migration-renderer",
+                  "title": "Renderer to Renderer2",
+                  "tooltip": "Migration from the deprecated Renderer API to the newer Renderer2 API."
+                },
+                {
+                  "url": "guide/migration-dynamic-flag",
+                  "title": "Dynamic Queries Flag",
+                  "tooltip": "Migration to remove unnecessary `static: false` flag from @ViewChild and @ContentChild queries."
+                },
+                {
+                  "url": "guide/migration-injectable",
+                  "title": "Missing @Injectable() Decorators",
+                  "tooltip": "Migration to add missing @Injectable() decorators and incomplete provider definitions."
+                },
+                {
+                  "url": "guide/migration-localize",
+                  "title": "$localize Global Import",
+                  "tooltip": "Migration to add an import statement for @angular/localize to polyfills.ts."
+                },
+                {
+                  "url": "guide/migration-module-with-providers",
+                  "title": "Missing ModuleWithProviders Generic",
+                  "tooltip": "Migration to add a generic type to any ModuleWithProviders usages that are missing the generic."
+                },
+                {
+                  "url": "guide/migration-undecorated-classes",
+                  "title": "Missing @Directive() Decorators",
+                  "tooltip": "Migration to add missing @Directive()/@Component() decorators."
+                }
+              ]
+            }
+          ]
         },
         {
           "url": "guide/deprecations",
diff --git a/aio/src/styles/1-layouts/_sidenav.scss b/aio/src/styles/1-layouts/_sidenav.scss
index 9670853c6c..73e101cf8b 100644
--- a/aio/src/styles/1-layouts/_sidenav.scss
+++ b/aio/src/styles/1-layouts/_sidenav.scss
@@ -177,6 +177,16 @@ button.vertical-menu-item {
   margin: 0;
   padding-left: 32px;
   text-transform: none;
+
+  &.expanded .mat-icon,
+  .level-3.expanded .mat-icon {
+    @include rotate(90deg);
+  }
+
+  &:not(.expanded) .mat-icon,
+  .level-3:not(.expanded) .mat-icon {
+    @include rotate(0deg);
+  }
 }
 
 .level-3 {
@@ -185,6 +195,16 @@ button.vertical-menu-item {
   @include font-size(14);
   margin: 0;
   padding-left: 40px;
+  text-transform: none;
+}
+
+.level-4 {
+  color: $mediumgray;
+  font-family: $main-font;
+  @include font-size(14);
+  margin: 0;
+  padding-left: 48px;
+  text-transform: none;
 }
 
 aio-nav-menu.top-menu {