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

Merge branch 'progress-indicator' of https://github.com/joachimesque/security-checklist into progress-indicator

Browse source
This commit is contained in:
Joachim Robert 2019-02-13 18:56:12 +01:00
commit a8b84175ab
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/Header/index.js
View file

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

7
components/Header/style.js
View file

@ -89,11 +89,12 @@ export const ProgressLabel = styled.p`
transform: translateX(-50%);
background: ${theme.bg.default};
padding: 8px 16px;
font-size: 14px;
font-weight: 600;
transition: all ${theme.animations.default};
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-radius: 8px;
white-space: nowrap;
${Shadows.default};
@ -103,7 +104,7 @@ export const ProgressLabel = styled.p`
{
visibility: visible;
opacity: 1;
bottom: -87.5%;
bottom: -100%;
}
@media (max-width: 968px) {