fix: fix poll color inside of notifications (#1304)

fixes #1271
This commit is contained in:
Nolan Lawson 2019-07-07 11:06:52 -07:00 committed by GitHub
parent 85b75900c1
commit e5125a5a63
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 3 deletions

View File

@ -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;
}