krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-18 15:17:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed footer to bottom of page (#9860)

Browse Source
This commit is contained in:
Alexey Pyltsyn
2018-02-05 18:42:01 +00:00
committed by Matteo Pagliazzi
parent 185717e6c3
commit fbacb56700
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
website/client/app.vue
View File

@@ -34,7 +34,7 @@ div
div(:class='{sticky: user.preferences.stickyHeader}') div(:class='{sticky: user.preferences.stickyHeader}')
router-view router-view
app-footer app-footer
audio#sound(autoplay, ref="sound") audio#sound(autoplay, ref="sound")
source#oggSource(type="audio/ogg", :src="sound.oggSource") source#oggSource(type="audio/ogg", :src="sound.oggSource")
@@ -83,10 +83,14 @@ div
.container-fluid { .container-fluid {
overflow-x: hidden; overflow-x: hidden;
flex: 1 0 auto;
} }
#app { #app {
height: calc(100% - 56px); /* 56px is the menu */ height: calc(100% - 56px); /* 56px is the menu */
display: flex;
flex-direction: column;
min-height: 100vh;
} }
</style> </style>

7
website/client/components/appFooter.vue
View File

@@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
.row .row.footer-row
buy-gems-modal(v-if='user') buy-gems-modal(v-if='user')
modify-inventory(v-if="isUserLoaded") modify-inventory(v-if="isUserLoaded")
footer.col-12(:class="{expanded: isExpandedFooter}") footer.col-12(:class="{expanded: isExpandedFooter}")
@@ -117,6 +117,11 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.footer-row {
margin: 0;
flex: 0 1 auto;
}
footer { footer {
color: #c3c0c7; color: #c3c0c7;
z-index: 17; z-index: 17;