krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-19 15:48:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(styling): update colors to be a11y-friendly and to show items due today in gray

Browse Source
This commit is contained in:
CuriousMagpie
2023-05-17 13:29:26 -04:00
parent 479cfb76ef
commit 7c1c18a329
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
website/client/src/components/tasks/task.vue
View File

@@ -700,7 +700,7 @@
.icons { .icons {
margin-top: 4px; margin-top: 4px;
color: $gray-300; color: $gray-100;
font-style: normal; font-style: normal;
&-right { &-right {
@@ -759,7 +759,7 @@
} }
.due-overdue { .due-overdue {
color: $red-50; color: $maroon-10;
} }
.calendar.svg-icon { .calendar.svg-icon {
@@ -899,6 +899,7 @@
</style> </style>
<!-- eslint-enable max-len --> <!-- eslint-enable max-len -->
<script> <script>
import moment from 'moment'; import moment from 'moment';
import { v4 as uuid } from 'uuid'; import { v4 as uuid } from 'uuid';
@@ -1125,7 +1126,7 @@ export default {
return moment.duration(endOfDueDate.diff(endOfToday)); return moment.duration(endOfDueDate.diff(endOfToday));
}, },
checkIfOverdue () { checkIfOverdue () {
return this.calculateTimeTillDue().asDays() <= 0; return this.calculateTimeTillDue().asDays() < 0;
}, },
formatDueDate () { formatDueDate () {
return moment(this.task.date).format(this.user.preferences.dateFormat.toUpperCase()); return moment(this.task.date).format(this.user.preferences.dateFormat.toUpperCase());