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