ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add sticky navigation

This commit is contained in:
Unknown 2018-09-03 14:38:18 +02:00
parent 47cb55930d
commit 2972e455f3
2 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/modules/Module.vue
View File

File diff suppressed because one or more lines are too long

7
client/src/components/modules/ModuleNavigation.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<div>
<nav class="module-navigation"> <nav class="module-navigation">
<h3 class="module-navigation__heading">Inhalte: Modul 1</h3> <h3 class="module-navigation__heading">Inhalte: Modul 1</h3>
<div class="module-navigation__anchors"> <div class="module-navigation__anchors">
@ -10,6 +11,8 @@
</div> </div>
<h3 class="module-navigation__heading">Ergebnisse: Modul 1</h3> <h3 class="module-navigation__heading">Ergebnisse: Modul 1</h3>
</nav> </nav>
</div>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
@ -22,6 +25,10 @@
} }
.module-navigation { .module-navigation {
position: -webkit-sticky;
position: sticky;
top: 32px;
&__heading { &__heading {
@include module-navigation-typography; @include module-navigation-typography;
margin: 0; margin: 0;