data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

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

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/routes/_components/status/StatusPoll.html
View file

@ -33,11 +33,11 @@
</form> </form>
{/if} {/if}
<div class="poll-details"> <div class="poll-details">
<div class="poll-stat"> <div class="poll-stat {notification ? 'is-notification' : ''}">
<SvgIcon className="poll-icon" href="#fa-bar-chart" /> <SvgIcon className="poll-icon" href="#fa-bar-chart" />
<span class="poll-stat-text">{votesCount} {votesCount === 1 ? 'vote' : 'votes'}</span> <span class="poll-stat-text">{votesCount} {votesCount === 1 ? 'vote' : 'votes'}</span>
</div> </div>
<div class="poll-stat"> <div class="poll-stat {notification ? 'is-notification' : ''}">
<SvgIcon className="poll-icon" href="#fa-clock" /> <SvgIcon className="poll-icon" href="#fa-clock" />
<span class="poll-stat-text poll-stat-expiry"> <span class="poll-stat-text poll-stat-expiry">
<span class="{useNarrowSize ? 'sr-only' : ''}">{expiryText}</span> <span class="{useNarrowSize ? 'sr-only' : ''}">{expiryText}</span>
@ -46,7 +46,8 @@
</time> </time>
</span> </span>
</div> </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" /> <SvgIcon className="poll-icon" href="#fa-refresh" />
<span class="poll-stat-text"> <span class="poll-stat-text">
Refresh Refresh
@ -152,6 +153,14 @@
color: var(--deemphasized-text-color); 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 { .poll-stat.poll-expired {
display: none; display: none;
} }