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

Client: Tasks and Header v2 (#9168)

Browse Source 
* wip: footer

* pin bootstrap-vue

* compact footer and fixes

* compact header

* fix member details in other views

* fix first party member in header

* fix unread notifications badge color

* sync + menu fixes

* loading bar styles

* new filter button

* create button

* create fixes

* quick add

* fix quick add inputs

* tooltips for create buttons

* fix create task moda

* fix class badge

* fixed footer links

* revert change that caused problems with tests and old browsers

* misc
This commit is contained in:
Matteo Pagliazzi
2017-10-16 22:04:16 +02:00
committed by GitHub
parent f1c8c4c54b
commit ee82f5a774
25 changed files with 813 additions and 552 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
website/client/components/static/staticWrapper.vue
View File

@@ -1,20 +1,22 @@
<template lang='pug'>
div
static-header(v-if='showContentWrap', :class='{"home-header": $route.name === "home"}')
<template lang="pug">
div
static-header(v-if='showContentWrap', :class='{"home-header": $route.name === "home"}')
.static-wrapper
router-view
.static-wrapper
router-view
#purple-footer(v-if='showContentWrap')
app-footer
#purple-footer(v-if='showContentWrap')
app-footer
#bottom-wrap.purple-4(v-if='showContentWrap')
#bottom-background
.seamless_mountains_demo_repeat
.midground_foreground_extended2
#bottom-wrap.purple-4(v-if='showContentWrap')
#bottom-background
.seamless_mountains_demo_repeat
.midground_foreground_extended2
</template>
<style lang='scss'>
<style lang="scss">
@import '~client/assets/scss/colors.scss';
.home-header {
background: #6133b4 !important;
position: static;
@@ -54,12 +56,8 @@
box-shadow: 0 4px 4px 0 rgba(26, 24, 29, 0.16), 0 1px 8px 0 rgba(26, 24, 29, 0.12) !important;
}
}
</style>
<style lang='scss'>
@import '~client/assets/scss/colors.scss';
.purple-4 {
#bottom-wrap.purple-4 {
background-color: #271b3d;
}
@@ -141,18 +139,18 @@
</style>
<script>
import AppFooter from 'client/components/appFooter';
import StaticHeader from './header.vue';
import AppFooter from 'client/components/appFooter';
import StaticHeader from './header.vue';
export default {
components: {
AppFooter,
StaticHeader,
export default {
components: {
AppFooter,
StaticHeader,
},
computed: {
showContentWrap () {
return this.$route.name !== 'news';
},
computed: {
showContentWrap () {
return this.$route.name !== 'news';
},
},
};
},
};
</script>