Simplify device size check

2 files changed, 1 insertions, 21 deletions

diff --git a/web/app.css b/web/app.css
index 95417606..6a7ea9ee 100644
--- a/web/app.css
+++ b/web/app.css
@@ -12,19 +12,6 @@
     display: none !important;
 }
 
-.state-indicator {
-    position: absolute;
-    top: -999em;
-    left: -999em;
-    z-index: 0;
-}
-
-@media all and (max-device-width: 768px) {
-    .state-indicator {
-        z-index: 1;
-    }
-}
-
 #attribution {
     position: absolute;
     bottom: 10px;
diff --git a/web/app/controller/Root.js b/web/app/controller/Root.js
index d5633404..81be05a5 100644
--- a/web/app/controller/Root.js
+++ b/web/app/controller/Root.js
@@ -25,13 +25,6 @@ Ext.define('Traccar.controller.Root', {
         'Traccar.model.Position'
     ],
 
-    init: function () {
-        var indicator = document.createElement('div');
-        indicator.className = 'state-indicator';
-        document.body.appendChild(indicator);
-        this.isPhone = parseInt(window.getComputedStyle(indicator).getPropertyValue('z-index'), 10) !== 0;
-    },
-
     onLaunch: function () {
         Ext.Ajax.request({
             scope: this,
@@ -89,7 +82,7 @@ Ext.define('Traccar.controller.Root', {
         if (attribution) {
             attribution.remove();
         }
-        if (this.isPhone) {
+        if (window.matchMedia && window.matchMedia('(max-width: 768px)').matches) {
             Ext.create('widget.mainMobile');
         } else {
             Ext.create('widget.main');