Merge pull request #108 from PavlidisLab/mobile_improvements

Mobile improvements
PavlidisLab · Jul 4, 2024 · baef36b · baef36b
2 parents 8f1bcab + 8cffff5
commit baef36b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/AppBar.vue b/src/components/AppBar.vue
@@ -157,7 +157,7 @@ export default {
       showAboutDialog: false,
       showDocumentationWindow: false,
       query: null,
-      devMode: process.env.NODE_ENV !== "production"
+      devMode: this.$store.state.debug
     };
   },
   methods: {

diff --git a/src/components/SearchSettings.vue b/src/components/SearchSettings.vue
@@ -61,7 +61,7 @@
         <div :class="debug ? '' : 'd-lg-none'">
             <div style="margin-bottom: 59px;"></div>
             <div class="d-flex align-center"
-                 style="position: fixed; left: 0; bottom: 0; background: white; height: 59px; width: 100%; border-top: thin solid rgba(0, 0, 0, 0.12); padding: 0 8px;"
+            :style = "{position: 'fixed',left:'0px',bottom: 56*isMobile() + 'px' ,background: 'white',height: '59px',width: '100%',  borderTop: 'thin solid rgba(0, 0, 0, 0.12)',padding:'0 8px'}"
             >
                 <v-switch v-if="debug"
                           v-model="searchSettings.ignoreExcludedTerms"
@@ -140,7 +140,15 @@ export default {
       this.searchSettings.annotations = [];
       this.searchSettings.taxon = []; 
       this.searchSettings.query = undefined;
-    }
+    },
+    isMobile() {
+      if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
+        return true
+      } else {
+        return false
+   }
+ }
+    
   },
   watch: {
     searchSettings: {