From c12eac2bbfe4c7c688d148b9cd7c445a005bdf2c Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Sat, 11 Dec 2021 18:46:39 +0000 Subject: [PATCH] :lipstick: Adds Red styling for Line Closed status --- src/components/Widgets/TflStatus.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/Widgets/TflStatus.vue b/src/components/Widgets/TflStatus.vue index ea92b4e4..14bb21f4 100644 --- a/src/components/Widgets/TflStatus.vue +++ b/src/components/Widgets/TflStatus.vue @@ -84,6 +84,7 @@ export default { getStatusColor(code) { if (code <= 6) return 'red'; if (code <= 9) return 'orange'; + if (code === 20) return 'dark'; return 'green'; }, /* If user only wants to see results from certain lines, filter the rest out */ @@ -128,6 +129,7 @@ export default { &.green { color: var(--success); } &.orange { color: var(--warning); } &.red { color: var(--danger); } + &.dark { color: #fa360f; } } .disruption { opacity: var(--dimming-factor);