mirror of
https://github.com/brianlovin/security-checklist.git
synced 2026-03-11 08:55:31 +00:00
🎉 🎉
This commit is contained in:
parent
7496dae848
commit
6f61bfeade
2 changed files with 7 additions and 2 deletions
|
|
@ -63,7 +63,11 @@ export default function Header(props: Props) {
|
|||
<ProgressLabel
|
||||
id="progress_tooltip"
|
||||
role="tooltip"
|
||||
>{currentCount} of {totalItemsCount} completed</ProgressLabel>
|
||||
>
|
||||
{ currentCount === totalItemsCount && `🎉 `}
|
||||
{currentCount} of {totalItemsCount} completed
|
||||
{ currentCount === totalItemsCount && ` 🎉`}
|
||||
</ProgressLabel>
|
||||
</Progression>)}
|
||||
</Container>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -92,6 +92,7 @@ export const ProgressLabel = styled.p`
|
|||
|
||||
border-bottom-left-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
white-space: nowrap;
|
||||
|
||||
${Progression}:hover &,
|
||||
${Progression}:focus &,
|
||||
|
|
@ -99,7 +100,7 @@ export const ProgressLabel = styled.p`
|
|||
{
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
bottom: calc((100% - 8px) * -1);
|
||||
bottom: -100%;
|
||||
}
|
||||
|
||||
@media (max-width: 968px) {
|
||||
|
|
|
|||
Loading…
Reference in a new issue