From 2bf131a8a06cdb39e7739ec9eed4904b4349efa0 Mon Sep 17 00:00:00 2001
From: dario-piotrowicz <dario.piotrowicz@gmail.com>
Date: Fri, 19 Nov 2021 22:26:57 +0000
Subject: [PATCH] fix(docs-infra): move aio footer inside mat-sidenav-container
 (#44236)

currently the aio footer sits outside the mat-sidenav-container, as a
result when the mat-sidenav in over mode appears, the footer is not
placed under the sidenav backdrop, move the footer inside the
mat-sidenav-container so that it does

PR Close #44236
---
 aio/src/app/app.component.html                 | 7 ++++---
 aio/src/styles/1-layouts/sidenav/_sidenav.scss | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/aio/src/app/app.component.html b/aio/src/app/app.component.html
index 52602f58489..2412109185c 100644
--- a/aio/src/app/app.component.html
+++ b/aio/src/app/app.component.html
@@ -68,8 +68,9 @@
     <aio-lazy-ce selector="aio-toc"></aio-lazy-ce>
   </div>
 
+  <footer class="no-print">
+    <aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo"></aio-footer>
+  </footer>
+
 </mat-sidenav-container>
 
-<footer class="no-print">
-  <aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo"></aio-footer>
-</footer>
diff --git a/aio/src/styles/1-layouts/sidenav/_sidenav.scss b/aio/src/styles/1-layouts/sidenav/_sidenav.scss
index 3678f041dd4..4bf65dd1269 100644
--- a/aio/src/styles/1-layouts/sidenav/_sidenav.scss
+++ b/aio/src/styles/1-layouts/sidenav/_sidenav.scss
@@ -13,7 +13,7 @@ mat-sidenav-container.sidenav-container {
   transform: none;
 
   &.has-floating-toc {
-    .mat-sidenav-content {
+    .sidenav-content {
       margin-right: 18vw;
     }
   }