From 3571ab66b8edacc6c4eda248546576b2a6fad1b8 Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Tue, 13 Nov 2018 13:04:52 +0100
Subject: [PATCH] improved navigation and made profile top navigation sticky

---
 layouts/default.vue     | 3 ++-
 pages/profile/_slug.vue | 8 +++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 59f3ca73c..700f30abc 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -32,7 +32,8 @@
                 Hallo {{ user.name }}
                 <ds-menu
                   :routes="routes"
-                  style="margin-left: -15px; margin-right: -15px; padding-top: 1rem; padding-bottom: 1rem;"/>
+                  style="margin-left: -15px; margin-right: -15px; padding-top: 1rem; padding-bottom: 1rem;"
+                  @click.native="toggleMenu"/>
                 <ds-space margin="xx-small" />
                 <nuxt-link :to="{ name: 'logout'}">Logout</nuxt-link>
               </div>
diff --git a/pages/profile/_slug.vue b/pages/profile/_slug.vue
index 73c539707..43353674d 100644
--- a/pages/profile/_slug.vue
+++ b/pages/profile/_slug.vue
@@ -161,7 +161,7 @@
         <ds-flex
           :width="{ base: '100%' }"
           gutter="small">
-          <ds-flex-item>
+          <ds-flex-item class="profile-top-navigation">
             <ds-card class="ds-tab-nav">
               <ds-flex>
                 <ds-flex-item class="ds-tab-nav-item ds-tab-nav-item-active">
@@ -341,6 +341,12 @@ export default {
   border: #fff 5px solid;
 }
 
+.profile-top-navigation {
+  position: sticky;
+  top: 53px;
+  z-index: 1;
+}
+
 .ds-tab-nav {
   .ds-card-content {
     padding: 0 !important;