Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: add migration guides to sidenav in updating to Version 9 section #34979

Closed
wants to merge 2 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
51 changes: 49 additions & 2 deletions aio/content/navigation.json
Expand Up @@ -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."
},
ajitsinghkaler marked this conversation as resolved.
Show resolved Hide resolved
{
"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",
Expand Down
20 changes: 20 additions & 0 deletions aio/src/styles/1-layouts/_sidenav.scss
Expand Up @@ -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 {
Expand All @@ -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 {
Expand Down