prehistoric-systems/security-checklist
1
0
Fork 0
mirror of https://github.com/brianlovin/security-checklist.git synced 2026-03-11 08:55:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Design fixes

Browse source
This commit is contained in:
Joachim Robert 2019-02-13 18:31:23 +01:00
parent 66b2e0b3ea
commit d3e0e20cae
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/Header/index.js
View file

@ -66,9 +66,9 @@ export default function Header(props: Props) {
id="progress_tooltip"
role="tooltip"
>
{ currentCount === totalItemsCount && `🎉 `}
{currentCount} of {totalItemsCount} completed
{ currentCount === totalItemsCount && ` 🎉`}
{ currentCount === totalItemsCount
? `🎉 Checklist Complete! 🎉`
: `${currentCount} of ${totalItemsCount} completed`}
</ProgressLabel>
<Confetti fireConfetti={currentCount === totalItemsCount} />
</Progression>)}

6
components/Header/style.js
View file

@ -97,9 +97,9 @@ export const ProgressLabel = styled.p`
white-space: nowrap;
${Shadows.default};
${Progression}:hover &,
${Progression}:focus &,
${Progression}:active &
${Progression}:hover ${ProgressBar}:not([disabled]) + &,
${Progression}:focus ${ProgressBar}:not([disabled]) + &,
${Progression}:active ${ProgressBar}:not([disabled]) + &
{
visibility: visible;
opacity: 1;