fix: Mobile shows menu button on shared documents without a menu
This commit is contained in:
@@ -34,16 +34,17 @@ const Link = styled.a`
|
|||||||
fill: ${s("text")};
|
fill: ${s("text")};
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: ${s("sidebarBackground")};
|
|
||||||
}
|
|
||||||
|
|
||||||
${breakpoint("tablet")`
|
${breakpoint("tablet")`
|
||||||
z-index: ${depths.sidebar + 1};
|
z-index: ${depths.sidebar + 1};
|
||||||
|
background: ${s("sidebarBackground")};
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
right: 0;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: ${s("sidebarControlHoverBackground")};
|
||||||
|
}
|
||||||
`};
|
`};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|||||||
@@ -190,7 +190,7 @@ function DocumentHeader({
|
|||||||
<StyledHeader
|
<StyledHeader
|
||||||
$hidden={isEditingFocus}
|
$hidden={isEditingFocus}
|
||||||
title={document.title}
|
title={document.title}
|
||||||
hasSidebar={!!sharedTree}
|
hasSidebar={sharedTree && sharedTree.children?.length > 0}
|
||||||
left={
|
left={
|
||||||
isMobile ? (
|
isMobile ? (
|
||||||
<TableOfContentsMenu headings={headings} />
|
<TableOfContentsMenu headings={headings} />
|
||||||
|
|||||||
Reference in New Issue
Block a user