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

Fix subnavigation styling

This commit is contained in:
Ramon Wenger 2019-07-18 10:20:52 +02:00
parent 4d177ac4d6
commit dd1bf56f49
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,7 +8,7 @@
:to="submissionsLink(assignment)" :to="submissionsLink(assignment)"
v-for="assignment in assignments" v-for="assignment in assignments"
:key="assignment.id" :key="assignment.id"
class="module-navigation__anchor" class="module-navigation__anchor sub-navigation-item__link"
exact-active-class="module-navigation__anchor--active" exact-active-class="module-navigation__anchor--active"
>{{assignmentTitle(assignment)}} >{{assignmentTitle(assignment)}}
</router-link> </router-link>
@ -32,12 +32,12 @@
</div> </div>
</div> </div>
<toggle-solutions-for-module <toggle-solutions-for-module
v-if="onModulePage && module.id" v-if="onModulePage && module.id"
:module="module.id" :module="module.id"
:enabled="module.solutionsEnabled" :enabled="module.solutionsEnabled"
class="module-navigation__solution-toggle" class="module-navigation__solution-toggle"
data-cy="toggle-enable-solutions"></toggle-solutions-for-module> data-cy="toggle-enable-solutions"></toggle-solutions-for-module>
</nav> </nav>
</template> </template>
@ -117,10 +117,12 @@
.module-navigation { .module-navigation {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 75px; top: 50px;
display: none; display: none;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
z-index: 90;
background-color: $color-white;
@include desktop { @include desktop {
display: flex; display: flex;

2
client/src/styles/_navigation.scss
View File

@ -58,6 +58,8 @@
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin-top: 17px; margin-top: 17px;
display: flex;
flex-direction: column;
&:empty { &:empty {
display: none; display: none;