parent
85b75900c1
commit
e5125a5a63
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue