Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

sticky nav better position

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-05-21 23:45:48 +02:00
parent ad6519fb87
commit bb677152c9
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssues.vue
View File

@ -11,6 +11,8 @@ export default {
<style lang="scss" scoped>
span.badge {
font-size: 100%;
margin-bottom: 5px;
margin-right: 1em;
}
</style>

21
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue
View File

@ -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 {