azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[F] Fix: Next course doesn't show up on mobile devices

Browse Source
This commit is contained in:
Hykilpikonna
2019-11-05 18:00:04 -05:00
parent 03507968ee
commit d55eebce19
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/navigation/navigation.scss
+8
View File
@@ -68,6 +68,14 @@
box-shadow: 0 -2px 9px 0 #ecebeb; box-shadow: 0 -2px 9px 0 #ecebeb;
} }
footer
{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}
#prev-course #prev-course
{ {
// Up center // Up center
src/components/navigation/navigation.vue
+6 -4
View File
@@ -22,10 +22,12 @@
@click="nextCourse(-1)" id="prev-course" class="nav-course-operations unselectable"> @click="nextCourse(-1)" id="prev-course" class="nav-course-operations unselectable">
▲ PREVIOUS COURSE ▲ ▲ PREVIOUS COURSE ▲
</div> </div>
<div v-if="activeIndex.includes('course') && findNextCourse(1) != null" <footer>
@click="nextCourse(1)" id="next-course" class="nav-course-operations unselectable"> <div v-if="activeIndex.includes('course') && findNextCourse(1) != null"
▼ NEXT COURSE ▼ @click="nextCourse(1)" id="next-course" class="nav-course-operations unselectable">
</div> ▼ NEXT COURSE ▼
</div>
</footer>
</div> </div>
</template> </template>