fix: make title of sub-pages (faq, imprint, ...) clickable on mobile (#…

…301)
CovOpen · Nov 3, 2020 · 29bc206 · 29bc206
1 parent dcf1e64
commit 29bc206
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/FixedSearch.tsx b/src/components/FixedSearch.tsx
@@ -11,6 +11,7 @@ const useStyles = makeStyles((theme) => ({
     height: "64px",
     display: "inline-flex",
     alignItems: "center",
+    pointerEvents: "auto",
     [theme.breakpoints.down("xs")]: {
       left: "0px",
       right: "48px", // right on the edge of the hamburger menu button

diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
@@ -32,6 +32,7 @@ const useStyles = makeStyles((theme) => ({
       // on mobile devices
       backgroundColor: "transparent",
       boxShadow: "none",
+      pointerEvents: "none",
     },
   },
   title: {
@@ -183,7 +184,7 @@ export const NavBar = () => {
   return (
     <AppBar classes={{ root: classes.appBar }} style={{ height: 64, flex: "0 0 auto" }}>
       <Toolbar className={classes.fullHeightToolbar}>
-        <Link to="/">
+        <Link to="/" style={{ pointerEvents: "auto" }}>
           {!isMobile && ((Logo && <Logo />) || <img src={config.buildJSON.logoSrc} className={classes.logo} />)}
         </Link>
         {showSearch && <FixedSearch />}