Mercurial > gemma

diff client/src/application/Topbar.vue @ 593:c4a4dc612191

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
feat: Toggleable fairway profile A prototypical fairway profile could be made visible
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 07 Sep 2018 13:45:49 +0200
parents 53b7a46c53a7
children b17a4482d07d
line wrap: on
line diff
--- a/client/src/application/Topbar.vue	Fri Sep 07 12:30:20 2018 +0200
+++ b/client/src/application/Topbar.vue	Fri Sep 07 13:45:49 2018 +0200
@@ -11,6 +11,9 @@
       </div>
       <input id="search" type="text" class="form-control ui-element search searchbar">
     </div>
+    <div>
+      <i @click="splitScreen" class="ui-element splitscreen fa fa-window-restore"></i>
+    </div>
     <Layers v-if="routeName != 'usermanagement'"></Layers>
   </div>
 </template>
@@ -18,6 +21,13 @@
 <style lang="scss">
 @import "./assets/application.scss";
 
+.splitscreen {
+  background-color: white;
+  padding: 0.5rem;
+  margin-right: 0.5rem;
+  margin-left: 1rem;
+}
+
 .menubutton {
   background-color: white;
   padding: 0.5rem;
@@ -60,6 +70,9 @@
   methods: {
     toggleSidebar() {
       this.$store.commit("application/toggleSidebar");
+    },
+    splitScreen() {
+      this.$store.commit("application/toggleSplitScreen");
     }
   },
   computed: {