Merge pull request #170 from pacien/oz-responsive-left-panel

viewer: show/hide the left panel depending on the viewport's width at…

2 files changed, 2 insertions, 1 deletions

diff --git a/viewer/.env b/viewer/.env
index 0914292..99efa3d 100644
--- a/viewer/.env
+++ b/viewer/.env
@@ -3,3 +3,4 @@
 VUE_APP_I18N_LOCALE=en
 VUE_APP_I18N_FALLBACK_LOCALE=en
 VUE_APP_DATA_URL=./
+VUE_APP_FULLWIDTH_LIMIT=1216
diff --git a/viewer/src/store/uiStore.ts b/viewer/src/store/uiStore.ts
index 21f9ce9..2bd315c 100644
--- a/viewer/src/store/uiStore.ts
+++ b/viewer/src/store/uiStore.ts
@@ -27,7 +27,7 @@ const VuexModule = createModule({
 export default class UIStore extends VuexModule {
 
     fullscreen: boolean = false;
-    fullWidth: boolean = true;
+    fullWidth: boolean = window.innerWidth < Number(process.env.VUE_APP_FULLWIDTH_LIMIT);
     searchMode: boolean = false;
 
     // ---