Reminders in the past are now shown in red
This commit is contained in:
parent
f4e84d4497
commit
fe1b5a1af8
2 changed files with 7 additions and 2 deletions
|
@ -78,7 +78,7 @@
|
|||
</div>
|
||||
|
||||
<b>Reminder Dates</b>
|
||||
<div class="reminder-input" v-for="(r, index) in taskEditTask.reminderDates" v-bind:key="index">
|
||||
<div class="reminder-input" :class="{ 'overdue': (r < nowUnix && index !== (taskEditTask.reminderDates.length - 1))}" v-for="(r, index) in taskEditTask.reminderDates" v-bind:key="index">
|
||||
<flat-pickr
|
||||
:class="{ 'disabled': loading}"
|
||||
:disabled="loading"
|
||||
|
@ -139,6 +139,7 @@
|
|||
isTaskEdit: false,
|
||||
taskEditTask: {},
|
||||
lastReminder: 0,
|
||||
nowUnix: new Date(),
|
||||
flatPickerConfig:{
|
||||
altFormat: 'j M Y H:i',
|
||||
altInput: true,
|
||||
|
|
|
@ -127,6 +127,10 @@ h1,h2,h3,h4,h5,h6{
|
|||
.reminder-input{
|
||||
margin: 0;
|
||||
|
||||
&.overdue input{
|
||||
color: $red;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue