Mercurial > gemma

changeset 582:93e90f6be2ad

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fix: searchbar and layerselection invisible on usermanagement page
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 06 Sep 2018 17:56:33 +0200
parents fb5d9d5ff320
children a27c405ec1a8
files client/src/components/Sidebar.vue client/src/components/Topbar.vue
diffstat 2 files changed, 10 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue	Thu Sep 06 17:42:28 2018 +0200
+++ b/client/src/components/Sidebar.vue	Thu Sep 06 17:56:33 2018 +0200
@@ -60,7 +60,7 @@
 }
 
 .menu {
-  padding-top: 10vh;
+  padding-top: 5vh;
   height: 90%;
 }
 
--- a/client/src/components/Topbar.vue	Thu Sep 06 17:42:28 2018 +0200
+++ b/client/src/components/Topbar.vue	Thu Sep 06 17:56:33 2018 +0200
@@ -3,7 +3,7 @@
     <div>
       <i @click="toggleSidebar" class="ui-element menubutton fa fa-bars"></i>
     </div>
-    <div class="input-group searchcontainer">
+    <div v-if="routeName != 'usermanagement'" class="input-group searchcontainer">
       <div class="input-group-prepend">
         <span class="input-group-text searchlabel" for="search">
           <i class="fa fa-search"></i>
@@ -11,7 +11,7 @@
       </div>
       <input id="search" type="text" class="form-control ui-element search searchbar">
     </div>
-    <Layers></Layers>
+    <Layers v-if="routeName != 'usermanagement'"></Layers>
   </div>
 </template>
 
@@ -60,6 +60,13 @@
     toggleSidebar() {
       this.$store.commit("application/toggleSidebar");
     }
+  },
+  computed: {
+    routeName() {
+      const routeName = this.$route.name;
+      console.log(routeName);
+      return routeName;
+    }
   }
 };
 </script>