viewer: move temporary mode selector

Out of the sidebar so we can continue polishing the interface without interference.

2 files changed, 16 insertions, 4 deletions

diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue
index 78d8a8a..31b0440 100644
--- a/viewer/src/views/MainLayout.vue
+++ b/viewer/src/views/MainLayout.vue
@@ -24,6 +24,10 @@
     <router-view v-if="!isLoading" class="layout layout-content scrollbar" />
     <b-loading :active="isLoading" is-full-page />
     <ld-key-press :keycode="27" @action="$uiStore.fullscreen=false" />
+
+    <!-- TODO: Remove when #21 (remove explicit navigation/search modes) is resolved -->
+    <ld-mode-radio v-if="!isLoading" class="tmp-mode-selector" />
+    <!-- ===== -->
   </div>
 </template>
 
@@ -123,4 +127,15 @@ html {
     background-color: $content-bgcolor;
   }
 }
-</style>
\ No newline at end of file
+
+// TODO: Remove when #21 (remove explicit navigation/search modes) is resolved
+// Forced at the bottom right corner so we can continue working on the sidebar without interference
+.tmp-mode-selector {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  z-index: 100;
+  opacity: 0.75;
+}
+// =====
+</style>
diff --git a/viewer/src/views/PanelLeft.vue b/viewer/src/views/PanelLeft.vue
index 2c00bbf..91d193c 100644
--- a/viewer/src/views/PanelLeft.vue
+++ b/viewer/src/views/PanelLeft.vue
@@ -20,9 +20,6 @@
 <template>
   <div class="flex-column">
     <ld-tag-input />
-    <!-- TODO: Remove when #21 is resolved -->
-    <ld-mode-radio />
-    <!-- === -->
     <h1 class="title">{{$t('panelLeft.propositions')}}</h1>
     <ld-proposition class="scrollbar no-scroll-x" />
   </div>