TSK-1339: resize tooltip for dueDate and ignore overdue in done/cancelled (#3113)

Signed-off-by: Vyacheslav Tumanov <me@slavatumanov.me>
This commit is contained in:
Vyacheslav Tumanov 2023-04-28 18:06:17 +05:00 committed by GitHub
parent 77bd4fea29
commit b4e3109350
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 7 deletions

View File

@ -23,6 +23,7 @@
export let daysDifference: number = 0
export let isOverdue: boolean = false
export let iconModifier: 'warning' | 'critical' | 'overdue' | undefined = undefined
export let shouldIgnoreOverdue: boolean = false
</script>
{#if formattedDate}
@ -32,7 +33,7 @@
class:mIconContainerWarning={iconModifier === 'warning'}
class:mIconContainerCritical={iconModifier === 'critical' || iconModifier === 'overdue'}
>
<Icon icon={isOverdue ? DPCalendarOver : DPCalendar} size={'small'} />
<Icon icon={isOverdue && !shouldIgnoreOverdue ? DPCalendarOver : DPCalendar} size={'small'} />
</div>
<div class="messageContainer">
<div class="title">
@ -42,10 +43,12 @@
/>
</div>
<div class="description">
<Label
label={isOverdue ? ui.string.DueDatePopupOverdueDescription : ui.string.DueDatePopupDescription}
params={{ value: daysDifference }}
/>
{#if !shouldIgnoreOverdue}
<Label
label={isOverdue ? ui.string.DueDatePopupOverdueDescription : ui.string.DueDatePopupDescription}
params={{ value: daysDifference }}
/>
{/if}
</div>
</div>
</div>
@ -54,7 +57,7 @@
<style lang="scss">
.root {
display: flex;
width: 15rem;
width: 10rem;
}
.iconContainer {

View File

@ -84,7 +84,8 @@
formattedDate,
daysDifference,
isOverdue,
iconModifier
iconModifier,
shouldIgnoreOverdue
}
}
: undefined}