ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: Bring back due date indicator to compact mode

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2023-11-16 10:15:34 +01:00
parent 23a4e24d38
commit 72da4c88d8
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/cards/CardItem.vue
View File

@@ -53,6 +53,7 @@
@keyup.stop>{{ card.title }}</span> @keyup.stop>{{ card.title }}</span>
</h3> </h3>
<DueDate v-if="compactMode && card.duedate" :card="card" />
<CardMenu v-if="showMenuAtTitle" :card="card" class="right card-menu" /> <CardMenu v-if="showMenuAtTitle" :card="card" class="right card-menu" />
</div> </div>
@@ -90,10 +91,11 @@ import labelStyle from '../../mixins/labelStyle.js'
import AttachmentDragAndDrop from '../AttachmentDragAndDrop.vue' import AttachmentDragAndDrop from '../AttachmentDragAndDrop.vue'
import CardMenu from './CardMenu.vue' import CardMenu from './CardMenu.vue'
import CardCover from './CardCover.vue' import CardCover from './CardCover.vue'
import DueDate from './badges/DueDate.vue'
export default { export default {
name: 'CardItem', name: 'CardItem',
components: { CardBadges, AttachmentDragAndDrop, CardMenu, CardCover }, components: { CardBadges, AttachmentDragAndDrop, CardMenu, CardCover, DueDate },
directives: { directives: {
ClickOutside, ClickOutside,
}, },
@@ -140,7 +142,7 @@ export default {
return board ? !board.archived && board.permissions.PERMISSION_EDIT : false return board ? !board.archived && board.permissions.PERMISSION_EDIT : false
}, },
inlineEditingBlocked() { inlineEditingBlocked() {
return this.compactMode || this.isArchived || this.showArchived || !this.canEdit || this.standalone return this.isArchived || this.showArchived || !this.canEdit || this.standalone
}, },
card() { card() {
return this.item ? this.item : this.$store.getters.cardById(this.id) return this.item ? this.item : this.$store.getters.cardById(this.id)
@@ -350,6 +352,10 @@ export default {
.duedate { .duedate {
margin-right: 0; margin-right: 0;
display: flex;
height: 32px;
width: 32px;
margin-top: 6px;
} }
&.has-labels { &.has-labels {
padding-bottom: $card-padding; padding-bottom: $card-padding;
@@ -365,6 +371,9 @@ export default {
font-size: 0; font-size: 0;
color: transparent; color: transparent;
} }
.card-menu {
align-self: start !important;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {