From e0457665f6d2c67f9313657886e5cb96d8609da5 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Fri, 1 Apr 2022 11:27:53 +0100
Subject: [PATCH] Navigation: prevent navbar from showing when
 `.sidemenu-hidden` is set (#47134)

---
 public/app/core/components/NavBar/Next/NavBarNext.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/app/core/components/NavBar/Next/NavBarNext.tsx b/public/app/core/components/NavBar/Next/NavBarNext.tsx
index 6a86d4b71d4..20bd107e283 100644
--- a/public/app/core/components/NavBar/Next/NavBarNext.tsx
+++ b/public/app/core/components/NavBar/Next/NavBarNext.tsx
@@ -153,6 +153,10 @@ const getStyles = (theme: GrafanaTheme2) => ({
   navWrapper: css({
     position: 'relative',
     display: 'flex',
+
+    '.sidemenu-hidden &': {
+      display: 'none',
+    },
   }),
   sidemenu: css({
     label: 'sidemenu',
@@ -171,10 +175,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
       backgroundColor: 'inherit',
       borderRight: 0,
     },
-
-    '.sidemenu-hidden &': {
-      visibility: 'hidden',
-    },
   }),
   mobileSidemenuLogo: css({
     alignItems: 'center',