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

Client: Header & Menu & Icons (#8770)

Browse Source 
* header revamp - wip

* fix webpack fonts

* wip icons

* fix compilation errors

* implement icons loading without iconmoo

* new svg implementation

* wip

* fix issues with svgs

* fix issues with svgs

* fix bits svg

* fix displaying of pet in avatar

* avatar class icon

* no party header

* update navigation

* split code by route

* round gems and gp

* add string for faqs

* fix icons in css
This commit is contained in:
Matteo Pagliazzi
2017-06-08 12:04:19 -07:00
committed by GitHub
parent e3c1eaa9d2
commit 706de95458
97 changed files with 1634 additions and 672 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
website/client/components/inventory/drawer.vue
View File

@@ -2,8 +2,7 @@
.drawer-container
.drawer-title(@click="open = !open")
| {{title}}
img.drawer-toggle-icon(src="~assets/drawer/minimize.svg", v-if="open")
img.drawer-toggle-icon.closed(src="~assets/drawer/expand.svg", v-else)
.drawer-toggle-icon.svg-icon(v-html="open ? icons.minimize : icons.expand", :class="{ closed: !open }")
transition(name="slide-up", @afterLeave="adjustPagePadding", @afterEnter="adjustPagePadding")
.drawer-content(v-show="open")
slot(name="drawer-header")
@@ -36,10 +35,10 @@
.drawer-toggle-icon {
float: right;
margin: 10px;
margin-right: 16px;
&.closed {
margin-top: 5px;
margin-top: 3px;
}
}
@@ -128,6 +127,9 @@
</style>
<script>
import expandIcon from 'assets/svg/expand.svg';
import minimizeIcon from 'assets/svg/minimize.svg';
export default {
props: {
title: {
@@ -141,6 +143,10 @@ export default {
data () {
return {
open: true,
icons: Object.freeze({
expand: expandIcon,
minimize: minimizeIcon,
}),
};
},
methods: {