From e2941bfe847c3d0bb479f0f645cffbe9c8b10ee1 Mon Sep 17 00:00:00 2001 From: Patrick Fic Date: Mon, 17 Jan 2022 12:08:09 -0800 Subject: [PATCH] IO-1558 Add color to dates that are today. --- client/src/App/App.styles.scss | 13 +++++++------ .../production-list-columns.date.component.jsx | 10 +++++----- 2 files changed, 12 insertions(+), 11 deletions(-) diff --git a/client/src/App/App.styles.scss b/client/src/App/App.styles.scss index ccaf3b89f..c188f8a14 100644 --- a/client/src/App/App.styles.scss +++ b/client/src/App/App.styles.scss @@ -92,13 +92,14 @@ } .production-completion-1 { - animation: production-completion-1-blinker 5s linear infinite; -} -@keyframes production-completion-1-blinker { - 50% { - background: rgba(207, 12, 12, 0.555); - } + color: rgba(207, 12, 12, 0.8); + +// animation: production-completion-1-blinker 1s linear infinite; } +// @keyframes production-completion-1-blinker { +// 50% { +// } +// } .react-resizable { position: relative; diff --git a/client/src/components/production-list-columns/production-list-columns.date.component.jsx b/client/src/components/production-list-columns/production-list-columns.date.component.jsx index 51999c288..59b59e420 100644 --- a/client/src/components/production-list-columns/production-list-columns.date.component.jsx +++ b/client/src/components/production-list-columns/production-list-columns.date.component.jsx @@ -72,14 +72,14 @@ export default function ProductionListDate({ record, field, time }) { style={{ height: "19px", }} + className={ + !!record[field] && moment().isSame(moment(record[field]), "day") + ? "production-completion-1" + : "" + } > {record[field]}