fix: simplify date-only due labels
This commit is contained in:
@@ -13,15 +13,15 @@ const presentation = computed(() => getTaskDuePresentation(props))
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<span v-if="presentation" class="task-due" :class="`task-due--${presentation.state}`">
|
||||
<span v-if="presentation" class="task-due" :class="[`task-due--${presentation.state}`, { 'task-due--timed': dueHasTime }]">
|
||||
<time
|
||||
class="task-due__text"
|
||||
:datetime="presentation.datetime"
|
||||
:title="presentation.fullText"
|
||||
:aria-label="presentation.fullText"
|
||||
>
|
||||
<span class="task-due__absolute">{{ presentation.absoluteText }}</span>
|
||||
<span class="task-due__separator" aria-hidden="true"> · </span>
|
||||
<span v-if="dueHasTime" class="task-due__absolute">{{ presentation.absoluteText }}</span>
|
||||
<span v-if="dueHasTime" class="task-due__separator" aria-hidden="true"> · </span>
|
||||
<span class="task-due__relative">{{ presentation.relativeText }}</span>
|
||||
</time>
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user