Reminders in the past are now shown in red

This commit is contained in:
kolaente 2018-11-26 00:24:20 +01:00
parent f4e84d4497
commit fe1b5a1af8
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 7 additions and 2 deletions

View file

@ -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,

View file

@ -127,6 +127,10 @@ h1,h2,h3,h4,h5,h6{
.reminder-input{
margin: 0;
&.overdue input{
color: $red;
}
&:last-child {
margin-bottom: 0.75rem;
}