fix: make the post search bar completely invisible if it's not active; refs #204
This commit is contained in:
parent
2cac37ace2
commit
36189a2216
|
@ -106,7 +106,11 @@ const SearchBoxContainer = styled.div<{ active?: boolean; height?: number }>`
|
||||||
top: ${uiConfigs.navbarRenderedHeight - 1}px;
|
top: ${uiConfigs.navbarRenderedHeight - 1}px;
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
|
visibility: ${(props) => (props.active ? 'visible' : 'hidden')};
|
||||||
|
opacity: ${(props) => (props.active ? 1 : 0)};
|
||||||
|
transition: transform 0.3s,
|
||||||
|
opacity ${(props) => (props.active ? 0 : 0.3)}s
|
||||||
|
${(props) => (props.active ? 0 : 0.1)}s;
|
||||||
transform: translateY(${(props) => (props.active ? '0' : '-100%')});
|
transform: translateY(${(props) => (props.active ? '0' : '-100%')});
|
||||||
transition: 0.3s;
|
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
|
|
Loading…
Reference in New Issue