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

Minor responsive updates to the spell bar (#10580)

Browse Source
This commit is contained in:
Keith Holliday
2018-08-09 15:24:44 -05:00
committed by GitHub
parent 1eb1fe76a8
commit f1c1ba8efa
1 changed files with 40 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
website/client/components/tasks/spells.vue
View File

@@ -9,6 +9,7 @@ div(v-if='user.stats.lvl > 10')
.col-4.mana .col-4.mana
.img(:class='`shop_${spell.key} shop-sprite item-img`') .img(:class='`shop_${spell.key} shop-sprite item-img`')
.drawer-wrapper.d-flex.justify-content-center
drawer( drawer(
:title="$t('skillsTitle')", :title="$t('skillsTitle')",
v-if='user.stats.class && !user.preferences.disableClasses', v-if='user.stats.class && !user.preferences.disableClasses',
@@ -20,7 +21,7 @@ div(v-if='user.stats.lvl > 10')
div(slot="drawer-slider") div(slot="drawer-slider")
.container.spell-container .container.spell-container
.row .row
.col-3( .col-12.col-md-3(
@click='castStart(skill)', @click='castStart(skill)',
v-for='(skill, key) in spells[user.stats.class]', v-for='(skill, key) in spells[user.stats.class]',
v-if='user.stats.lvl >= skill.lvl', v-if='user.stats.lvl >= skill.lvl',
@@ -37,8 +38,21 @@ div(v-if='user.stats.lvl > 10')
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.drawer-wrapper {
width: 100vw;
position: fixed;
bottom: 0;
left: 0;
z-index: 19;
.drawer-container {
left: auto !important;
right: auto !important;
min-width: 60%;
}
}
.drawer-container { .drawer-container {
left: calc((100% - 978px) / 2);
} }
.drawer-slider { .drawer-slider {