From 3d3dc1d0cd8894e5e3691ec1c2bd5381fdb5a409 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Tue, 24 May 2022 09:27:21 -0700
Subject: Fix toolbar shadow

---
 modern/src/main/MainPage.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'modern/src')

diff --git a/modern/src/main/MainPage.js b/modern/src/main/MainPage.js
index 059d7043..9190edd7 100644
--- a/modern/src/main/MainPage.js
+++ b/modern/src/main/MainPage.js
@@ -60,6 +60,9 @@ const useStyles = makeStyles((theme) => ({
       transform: 'translateX(-100vw)',
     },
   },
+  toolbarContainer: {
+    zIndex: 4,
+  },
   toolbar: {
     display: 'flex',
     padding: theme.spacing(0, 1),
@@ -164,7 +167,7 @@ const MainPage = () => {
         <div className={classes.sidebarToggleText}>{t('deviceTitle')}</div>
       </Button>
       <Paper square elevation={3} className={`${classes.sidebar} ${collapsed && classes.sidebarCollapsed}`}>
-        <Paper square elevation={3}>
+        <Paper square elevation={3} className={classes.toolbarContainer}>
           <Toolbar className={classes.toolbar} disableGutters>
             {!desktop && (
               <IconButton onClick={handleClose}>
-- 
cgit v1.2.3