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

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

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