From bb677152c9e34ab58b61e89c125d2dafff9602d7 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Fri, 21 May 2021 23:45:48 +0200
Subject: [PATCH] sticky nav better position

---
 .../components/Banner/SocialIssues.vue        |  2 ++
 .../components/StickyNav.vue                  | 21 ++++++++++++++-----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssues.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssues.vue
index b637908c1..2ca2b0cdb 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssues.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssues.vue
@@ -11,6 +11,8 @@ export default {
 
 <style lang="scss" scoped>
 span.badge {
+   font-size: 100%;
+   margin-bottom: 5px;
    margin-right: 1em;
 }
 </style>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue
index db7565790..6ca487ff7 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue
@@ -1,6 +1,6 @@
 <template>
-   <teleport to="#content_conainter">
-      <div class="sticky-section">
+   <teleport to="#content_conainter .container.content .container">
+      <div class="sticky-section" id="navmap">
          <nav>
             <a href="#top">
                <i class="fa fa-fw fa-square-o"></i>
@@ -44,11 +44,22 @@
 </template>
 
 <script>
+const stickyNav = document.querySelector('#navmap');
+
 export default {
    name: "StickyNav",
    computed: {
       accompanyingCourse() {
          return this.$store.state.accompanyingCourse
+      },
+   },
+   mounted() {
+      this.bing();
+   },
+   methods: {
+      bing() {
+         console.log('coucou');
+         
       }
    }
 }
@@ -56,9 +67,9 @@ export default {
 
 <style lang="scss" scoped>
 div.sticky-section {
-   position: fixed;
-   top: 250px;
-   left: 25px;
+   position: absolute;
+   top: 33px;
+   left: -10%;
    nav {
       font-size: small;
       a {