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

Better handling of default (non-hidden) state

Browse source
This commit is contained in:
Joachim Robert 2019-02-06 14:05:23 +01:00
parent 0453b87160
commit 64c6df6cbb
1 changed files with 10 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
components/ChecklistItem/style.js
View file

@ -381,18 +381,18 @@ export const Content = styled.div`
opacity ${theme.animations.default},
visibility ${theme.animations.default};
max-height: 2000px;
max-height: var(--maxHeight);
opacity: 1;
visibility: visible;
&[aria-hidden="true"] {
max-height: 0;
opacity: 0;
visibility: hidden;
}
&[aria-hidden="false"] {
max-height: 2000px;
max-height: var(--maxHeight);
opacity: 1;
visibility: visible;
}
`
export const Uncollapse = styled.button`
@ -510,6 +510,10 @@ export const ExpandContent = styled.div`
max-height ${theme.animations.default},
opacity ${theme.animations.default},
visibility ${theme.animations.default};
max-height: 2000px;
max-height: var(--maxHeight);
opacity: 1;
visibility: visible;
&[aria-hidden="true"] {
max-height: 0;
@ -517,10 +521,4 @@ export const ExpandContent = styled.div`
visibility: hidden;
}
&[aria-hidden="false"] {
max-height: unset;
max-height: var(--maxHeight);
opacity: 1;
visibility: visible;
}
`