Mercurial > gemma

diff client/src/components/App.vue @ 2566:83b938bf4da9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: prepared store and minimized splitscreens for multiple simultaneous diagrams
author Markus Kottlaender <markus@intevation.de>
date Mon, 11 Mar 2019 11:34:54 +0100
parents 99dc71e012ad
children 8774054959a7
line wrap: on
line diff
--- a/client/src/components/App.vue	Mon Mar 11 11:14:44 2019 +0100
+++ b/client/src/components/App.vue	Mon Mar 11 11:34:54 2019 +0100
@@ -1,7 +1,7 @@
 <template>
   <div id="app" class="main">
     <div v-if="isAuthenticated" class="d-flex flex-column userinterface">
-      <div class="topbar d-flex pt-2 mx-2">
+      <div class="d-flex p-2">
         <div class="mr-auto d-flex">
           <Sidebar :routeName="routeName"></Sidebar>
           <div :class="searchContainer">
@@ -21,12 +21,9 @@
           <Toolbar v-if="isMapVisible"></Toolbar>
         </div>
       </div>
-      <div class="flex-fill"></div>
-      <div class="d-flex flex-row align-items-end">
-        <Infobar v-if="isMapVisible"></Infobar>
-      </div>
       <Zoom v-if="isMapVisible"></Zoom>
       <Splitscreen v-if="isMapVisible" />
+      <MinimizedSplitscreens v-if="isMapVisible" />
     </div>
     <router-view />
     <vue-snotify></vue-snotify>
@@ -45,11 +42,6 @@
   pointer-events: none;
 }
 
-.topbar {
-  position: relative;
-  z-index: 2;
-}
-
 #app {
   height: 100%;
   width: 100%;
@@ -103,7 +95,6 @@
   },
   components: {
     Profiles: () => import("./fairway/Profiles"),
-    Infobar: () => import("./fairway/Infobar"),
     Pdftool: () => import("./Pdftool"),
     Zoom: () => import("./Zoom"),
     Identify: () => import("./identify/Identify"),
@@ -113,7 +104,8 @@
     Contextbox: () => import("./Contextbox"),
     Toolbar: () => import("./toolbar/Toolbar"),
     Popup: () => import("./Popup"),
-    Splitscreen: () => import("./Splitscreen")
+    Splitscreen: () => import("./splitscreen/Splitscreen"),
+    MinimizedSplitscreens: () => import("./splitscreen/MinimizedSplitscreens")
   }
 };
 </script>