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

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