IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

make post sticky - fixes https://github.com/Human-Connection/Human-Connection/issues/385

Browse Source
This commit is contained in:
Ulf Gebhardt 2019-04-08 11:39:39 +02:00
parent cece32f55d
commit 1f31c29552
No known key found for this signature in database
GPG Key ID: 44C888923CC8E7F3
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
webapp/pages/post/_id.vue
View File

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