sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-04-14 19:47:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed columns when translation is too long. (#10315)

Browse source
This commit is contained in:
Marvin Rabe 2018-05-04 23:10:02 +02:00 committed by Sabe Jones
parent f8739b6f37
commit 5231cb03a8
1 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
website/client/components/tasks/column.vue
View file

@ -6,10 +6,9 @@
:withPin="true",
@change="resetItemToBuy($event)"
v-if='type === "reward"')
.d-flex
h2.tasks-column-title
| {{ $t(typeLabel) }}
.badge.badge-pill.badge-purple.column-badge(v-if="badgeCount > 0") {{ badgeCount }}
.d-flex.align-items-center
h2.column-title {{ $t(typeLabel) }}
.badge.badge-pill.badge-purple.column-badge.mx-1(v-if="badgeCount > 0") {{ badgeCount }}
.filters.d-flex.justify-content-end
.filter.small-text(
v-for="filter in typeFilters",
@ -160,21 +159,22 @@
.quick-add-tip-slide-enter, .quick-add-tip-slide-leave-to {
max-height: 0;
padding: 0px 16px;
padding: 0 16px;
}
.tasks-column-title {
margin-bottom: 8px;
position: relative;
.column-title {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.column-badge {
top: -5px;
right: -24px;
position: static;
}
.filters {
flex-grow: 1;
margin-left: auto;
}
.filter {
@ -183,6 +183,7 @@
font-style: normal;
padding: 8px;
cursor: pointer;
white-space: nowrap;
&:hover {
color: $purple-200;