diff --git a/src/api.ts b/src/api.ts
index ec4e88c..3ecba90 100644
--- a/src/api.ts
+++ b/src/api.ts
@@ -57,7 +57,7 @@ function buildServerConfig(response: any): DynmapServerConfig {
}
function buildMessagesConfig(response: any): LiveAtlasMessageConfig {
- const liveAtlasMessages = window.liveAtlasConfig ? window.liveAtlasConfig.messages || {} : {};
+ const liveAtlasMessages = window.liveAtlasConfig?.messages || {};
return {
chatPlayerJoin: response.joinmessage || '',
diff --git a/src/components/map/layer/PlayersLayer.vue b/src/components/map/layer/PlayersLayer.vue
index 57d2024..809ad2c 100644
--- a/src/components/map/layer/PlayersLayer.vue
+++ b/src/components/map/layer/PlayersLayer.vue
@@ -42,12 +42,17 @@ export default defineComponent({
playerPane = props.leaflet.createPane('players'),
players = computed(() => store.state.players),
playerCount = computed(() => store.state.players.size),
+ playersAboveMarkers = computed(() => store.state.ui.playersAboveMarkers),
componentSettings = computed(() => store.state.components.playerMarkers),
layerGroup = new LayerGroup([],{
pane: 'players'
});
- watch(playerCount, (newValue) => playerPane.classList.toggle('no-animations', newValue > 150))
+ watch(playerCount, (newValue) => playerPane.classList.toggle('no-animations', newValue > 150));
+
+ if(playersAboveMarkers.value) {
+ playerPane.style.zIndex = '600';
+ }
return {
players,
@@ -80,7 +85,3 @@ export default defineComponent({
}
})
-
-
\ No newline at end of file
diff --git a/src/scss/_leaflet.scss b/src/scss/_leaflet.scss
index 5107e49..5a5b4ac 100644
--- a/src/scss/_leaflet.scss
+++ b/src/scss/_leaflet.scss
@@ -15,7 +15,3 @@
}
}
}
-
-.leaflet-players-pane {
- z-index: 600;
-}
diff --git a/src/store/state.ts b/src/store/state.ts
index 03aa17d..2fc5824 100644
--- a/src/store/state.ts
+++ b/src/store/state.ts
@@ -69,6 +69,7 @@ export type State = {
updateTimestamp: Date;
ui: {
+ playersAboveMarkers: boolean;
smallScreen: boolean;
visibleElements: Set;
previouslyVisibleElements: Set;
@@ -221,6 +222,8 @@ export const state: State = {
updateTimestamp: new Date(),
ui: {
+ playersAboveMarkers: window.liveAtlasConfig?.ui?.playersAboveMarkers || false,
+
smallScreen: false,
visibleElements: new Set(),
previouslyVisibleElements: new Set(),