From 1f31c29552daba5a4a5238eb323d9712e82310f1 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Mon, 8 Apr 2019 11:39:39 +0200
Subject: [PATCH 1/2] make post sticky - fixes
 https://github.com/Human-Connection/Human-Connection/issues/385

---
 webapp/pages/post/_id.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/webapp/pages/post/_id.vue b/webapp/pages/post/_id.vue
index 21dd4b292..7a495cecc 100644
--- a/webapp/pages/post/_id.vue
+++ b/webapp/pages/post/_id.vue
@@ -2,15 +2,12 @@
   <div>
     <ds-flex gutter="small">
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
-        <transition
-          name="slide-up"
-          appear
-        >
-          <nuxt-child />
+        <transition name="slide-up" appear>
+          <nuxt-child/>
         </transition>
       </ds-flex-item>
       <ds-flex-item :width="{ base: '200px' }">
-        <ds-menu :routes="routes" />
+        <ds-menu :routes="routes" class="post-side-navigation"/>
       </ds-flex-item>
     </ds-flex>
   </div>
@@ -79,3 +76,11 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+.post-side-navigation {
+  position: sticky;
+  top: 65px;
+  z-index: 2;
+}
+</style>

From 5e28ef32ab452b79be2c91ca92801c830617914d Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 9 Apr 2019 11:14:41 +0200
Subject: [PATCH 2/2] lint fixes

---
 webapp/pages/post/_id.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/webapp/pages/post/_id.vue b/webapp/pages/post/_id.vue
index 7a495cecc..d9e8beb01 100644
--- a/webapp/pages/post/_id.vue
+++ b/webapp/pages/post/_id.vue
@@ -2,12 +2,18 @@
   <div>
     <ds-flex gutter="small">
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
-        <transition name="slide-up" appear>
-          <nuxt-child/>
+        <transition
+          name="slide-up"
+          appear
+        >
+          <nuxt-child />
         </transition>
       </ds-flex-item>
       <ds-flex-item :width="{ base: '200px' }">
-        <ds-menu :routes="routes" class="post-side-navigation"/>
+        <ds-menu
+          :routes="routes"
+          class="post-side-navigation"
+        />
       </ds-flex-item>
     </ds-flex>
   </div>