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]}