krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-19 15:48:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed a task tag tooltip position (#9910)

Browse Source
This commit is contained in:
Alexey Pyltsyn
2018-02-05 18:41:46 +00:00
committed by Matteo Pagliazzi
parent 505dd4969d
commit 185717e6c3
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
website/client/components/tasks/task.vue
View File

@@ -84,17 +84,16 @@
.svg-icon.challenge.broken(v-html="icons.brokenChallengeIcon", v-if='task.challenge.broken', @click='handleBrokenTask(task)') .svg-icon.challenge.broken(v-html="icons.brokenChallengeIcon", v-if='task.challenge.broken', @click='handleBrokenTask(task)')
.d-flex.align-items-center(v-if="hasTags", :id="`tags-icon-${task._id}`") .d-flex.align-items-center(v-if="hasTags", :id="`tags-icon-${task._id}`")
.svg-icon.tags(v-html="icons.tags") .svg-icon.tags(v-html="icons.tags")
#tags-popover
b-popover( b-popover(
v-if="hasTags", v-if="hasTags",
:target="`tags-icon-${task._id}`", :target="`tags-icon-${task._id}`",
triggers="hover", triggers="hover",
placement="bottom", placement="bottom",
container="tags-popover",
) )
.d-flex.align-items-center.tags-container .tags-popover
.tags-popover-title(v-once) {{ `${$t('tags')}:` }} .d-flex.align-items-center.tags-container
.tag-label(v-for="tag in getTagsFor(task)") {{tag}} .tags-popover-title(v-once) {{ `${$t('tags')}:` }}
.tag-label(v-for="tag in getTagsFor(task)") {{tag}}
// Habits right side control // Habits right side control
.right-control.d-flex.align-items-center.justify-content-center(v-if="task.type === 'habit'", :class="controlClass.down.bg") .right-control.d-flex.align-items-center.justify-content-center(v-if="task.type === 'habit'", :class="controlClass.down.bg")
@@ -455,7 +454,7 @@
} }
} }
#tags-popover /deep/ { .tags-popover /deep/ {
.tags-container { .tags-container {
flex-wrap: wrap; flex-wrap: wrap;
margin-top: -3px; margin-top: -3px;