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

Fixes issue #10857 ("Tags have extra space at the bottom when they should be centered") (#10861)

Browse Source 
* Fix for #10857 centered category tag text

* Fixes #10857 and #10856 display tag markdown.
This commit is contained in:
Nathan Zimmerman
2018-11-26 01:44:41 -08:00
committed by Matteo Pagliazzi
parent 6181328ac1
commit 2bebaf2cf8
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -94,7 +94,7 @@
.tags-popover .tags-popover
.d-flex.align-items-center.tags-container .d-flex.align-items-center.tags-container
.tags-popover-title(v-once) {{ `${$t('tags')}:` }} .tags-popover-title(v-once) {{ `${$t('tags')}:` }}
.tag-label(v-for="tag in getTagsFor(task)") {{tag}} .tag-label(v-for="tag in getTagsFor(task)", v-markdown="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")
@@ -490,6 +490,11 @@
white-space: nowrap; white-space: nowrap;
margin-top: 3px; margin-top: 3px;
margin-bottom: 3px; margin-bottom: 3px;
// Applies to v-markdown generated p tag.
p {
margin-bottom: 0px;
}
} }
} }
</style> </style>

13
website/client/components/tasks/taskModal.vue
View File

@@ -478,12 +478,17 @@
.category-label { .category-label {
min-width: 68px; min-width: 68px;
overflow: hidden;
padding: .5em 1em; padding: .5em 1em;
text-overflow: ellipsis;
white-space: nowrap;
width: 68px; width: 68px;
word-wrap: break-word;
// Applies to v-markdown generated p tag.
p {
margin-bottom: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
}
} }
} }
} }