From 02975e9166512154023816acf5d1091734bb439e Mon Sep 17 00:00:00 2001
From: Carlos Schneider <carlosaschjr@gmail.com>
Date: Fri, 12 Oct 2018 11:27:09 -0300
Subject: [PATCH] docs(docs-infra): show top menu at 992px screen width
 (#26418)

Show top menu at 992px screen width. The JS expression was checking just for screen widths
strictly greater than 992px to show the menu, while the CSS media query was showing the hamburger
icon just for screen widths strictly smaller than 992px, so there was a gap of 1px that the user
could't navigate through the top menu.

closes #24324

PR Close #26418
---
 aio/src/app/app.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aio/src/app/app.component.ts b/aio/src/app/app.component.ts
index 47845f4184..d7d37cf0d6 100644
--- a/aio/src/app/app.component.ts
+++ b/aio/src/app/app.component.ts
@@ -234,7 +234,7 @@ export class AppComponent implements OnInit {
 
   @HostListener('window:resize', ['$event.target.innerWidth'])
   onResize(width: number) {
-    this.isSideBySide = width > this.sideBySideWidth;
+    this.isSideBySide = width >= this.sideBySideWidth;
     this.showFloatingToc.next(width > this.showFloatingTocWidth);
 
     if (this.isSideBySide && !this.isSideNavDoc) {