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

fix(time-travelers): don't timeshift background without Hourglass (#10468)

Browse Source
This commit is contained in:
Sabe Jones
2018-06-27 12:12:36 -05:00
committed by Matteo Pagliazzi
parent 50b98d8d92
commit 0062e5b1f1
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
website/client/components/shops/timeTravelers/index.vue
View File

@@ -22,7 +22,7 @@
)
.standard-page
div.featuredItems
.background
.background(:class="{'background-closed': closed, 'background-open': !closed }")
div.npc(:class="{'closed': closed }")
div.featured-label
span.rectangle
@@ -34,8 +34,6 @@
span.text(v-once) {{ $t('timeTravelersPopoverNoSubMobile') }}
span.rectangle
h1.mb-4.page-header(v-once) {{ $t('timeTravelers') }}
.clearfix(v-if="!closed")
div.float-right
span.dropdown-label {{ $t('sortBy') }}
@@ -164,12 +162,9 @@
height: 216px;
.background {
background: url('~assets/images/npc/#{$npc_timetravelers_flavor}/time_travelers_background.png');
background-repeat: repeat-x;
width: 100%;
height: 216px;
position: absolute;
top: 0;
@@ -180,6 +175,14 @@
justify-content: center;
align-items: center;
}
.background-open {
background: url('~assets/images/npc/#{$npc_timetravelers_flavor}/time_travelers_background.png');
height: 188px;
}
.background-closed {
background: url('~assets/images/npc/normal/time_travelers_background.png');
height: 216px;
}
.content {
display: flex;