From e5125a5a63e49f61ece85656992b665814a11c13 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sun, 7 Jul 2019 11:06:52 -0700
Subject: [PATCH] fix: fix poll color inside of notifications (#1304)

fixes #1271
---
 src/routes/_components/status/StatusPoll.html | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/routes/_components/status/StatusPoll.html b/src/routes/_components/status/StatusPoll.html
index 82483e27..125dd0d2 100644
--- a/src/routes/_components/status/StatusPoll.html
+++ b/src/routes/_components/status/StatusPoll.html
@@ -33,11 +33,11 @@
     </form>
   {/if}
   <div class="poll-details">
-    <div class="poll-stat">
+    <div class="poll-stat {notification ? 'is-notification' : ''}">
       <SvgIcon className="poll-icon" href="#fa-bar-chart" />
       <span class="poll-stat-text">{votesCount} {votesCount === 1 ? 'vote' : 'votes'}</span>
     </div>
-    <div class="poll-stat">
+    <div class="poll-stat {notification ? 'is-notification' : ''}">
       <SvgIcon className="poll-icon" href="#fa-clock" />
       <span class="poll-stat-text poll-stat-expiry">
         <span class="{useNarrowSize ? 'sr-only' : ''}">{expiryText}</span>
@@ -46,7 +46,8 @@
         </time>
       </span>
     </div>
-    <button class="poll-stat {expired ? 'poll-expired' : ''}" id={refreshElementId}>
+    <button class="poll-stat {notification ? 'is-notification' : ''} {expired ? 'poll-expired' : ''}"
+            id={refreshElementId}>
       <SvgIcon className="poll-icon" href="#fa-refresh" />
       <span class="poll-stat-text">
         Refresh
@@ -152,6 +153,14 @@
     color: var(--deemphasized-text-color);
   }
 
+  .poll-stat.is-notification {
+    color: var(--very-deemphasized-text-color);
+  }
+
+  :global(.poll-stat.is-notification .poll-icon) {
+    fill: var(--very-deemphasized-text-color);
+  }
+
   .poll-stat.poll-expired {
     display: none;
   }