aboutsummaryrefslogtreecommitdiff
path: root/modern
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-05-21 07:54:51 -0700
committerAnton Tananaev <anton@traccar.org>2022-05-21 07:54:51 -0700
commit3175d85dfe6cd4db2285063dd4c8d361b324e01f (patch)
tree6d2f94895562e91c5226987184f4a69bc739838f /modern
parent9d97b19a0124755853d0b3fbb79a5be2061fafc8 (diff)
downloadtrackermap-web-3175d85dfe6cd4db2285063dd4c8d361b324e01f.tar.gz
trackermap-web-3175d85dfe6cd4db2285063dd4c8d361b324e01f.tar.bz2
trackermap-web-3175d85dfe6cd4db2285063dd4c8d361b324e01f.zip
Geofences page cleanup
Diffstat (limited to 'modern')
-rw-r--r--modern/src/App.js2
-rw-r--r--modern/src/common/theme/dimensions.js1
-rw-r--r--modern/src/other/GeofencesPage.js5
3 files changed, 5 insertions, 3 deletions
diff --git a/modern/src/App.js b/modern/src/App.js
index 6305d487..0afefce4 100644
--- a/modern/src/App.js
+++ b/modern/src/App.js
@@ -57,7 +57,7 @@ const useStyles = makeStyles(() => ({
overflow: 'auto',
},
menu: {
- zIndex: 4,
+ zIndex: 1204,
},
}));
diff --git a/modern/src/common/theme/dimensions.js b/modern/src/common/theme/dimensions.js
index fcb3b31f..d68a94f5 100644
--- a/modern/src/common/theme/dimensions.js
+++ b/modern/src/common/theme/dimensions.js
@@ -5,6 +5,7 @@ export default {
sidebarWidthTablet: '52px',
drawerWidthDesktop: '360px',
drawerWidthTablet: '320px',
+ drawerHeightPhone: '250px',
filterFormWidth: '160px',
bottomBarHeight: 56,
columnWidthDate: 160,
diff --git a/modern/src/other/GeofencesPage.js b/modern/src/other/GeofencesPage.js
index c8144991..900571e1 100644
--- a/modern/src/other/GeofencesPage.js
+++ b/modern/src/other/GeofencesPage.js
@@ -12,6 +12,7 @@ import CurrentLocationMap from '../map/CurrentLocationMap';
import GeofenceEditMap from '../map/GeofenceEditMap';
import GeofencesList from './GeofencesList';
import { useTranslation } from '../common/components/LocalizationProvider';
+import dimensions from '../common/theme/dimensions';
const useStyles = makeStyles((theme) => ({
root: {
@@ -31,10 +32,10 @@ const useStyles = makeStyles((theme) => ({
drawerPaper: {
position: 'relative',
[theme.breakpoints.up('sm')]: {
- width: 350,
+ width: dimensions.drawerWidthTablet,
},
[theme.breakpoints.down('xs')]: {
- height: 250,
+ height: dimensions.drawerHeightPhone,
},
},
drawerHeader: {