From 55005d444709b5825eebd93e6df73ccd80bc35b6 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Thu, 8 Feb 2024 20:44:14 -0500
Subject: [PATCH] fix: Mobile shows menu button on shared documents without a
 menu

---
 app/components/Branding.tsx               | 11 ++++++-----
 app/scenes/Document/components/Header.tsx |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/components/Branding.tsx b/app/components/Branding.tsx
index a5dff9352..554086e8b 100644
--- a/app/components/Branding.tsx
+++ b/app/components/Branding.tsx
@@ -34,16 +34,17 @@ const Link = styled.a`
     fill: ${s("text")};
   }
 
-  &:hover {
-    background: ${s("sidebarBackground")};
-  }
-
   ${breakpoint("tablet")`
     z-index: ${depths.sidebar + 1};
+    background: ${s("sidebarBackground")};
     position: fixed;
     bottom: 0;
-    left: 0;
+    right: 0;
     padding: 16px;
+
+    &:hover {
+      background: ${s("sidebarControlHoverBackground")};
+    }
   `};
 `;
 
diff --git a/app/scenes/Document/components/Header.tsx b/app/scenes/Document/components/Header.tsx
index 01970ab1a..86a6b1287 100644
--- a/app/scenes/Document/components/Header.tsx
+++ b/app/scenes/Document/components/Header.tsx
@@ -190,7 +190,7 @@ function DocumentHeader({
       <StyledHeader
         $hidden={isEditingFocus}
         title={document.title}
-        hasSidebar={!!sharedTree}
+        hasSidebar={sharedTree && sharedTree.children?.length > 0}
         left={
           isMobile ? (
             <TableOfContentsMenu headings={headings} />