acid-info
/
logos-press-engine
mirror of https://github.com/acid-info/logos-press-engine.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: make the post search bar completely invisible if it's not active; refs #204

This commit is contained in:
Hossein Mehrabi 2023-10-19 15:56:04 +03:30
parent 2cac37ace2
commit 36189a2216
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/containers/PostSearchContainer/PostSearchContainer.tsx
View File

@ -106,7 +106,11 @@ const SearchBoxContainer = styled.div<{ active?: boolean; height?: number }>`
top: ${uiConfigs.navbarRenderedHeight - 1}px;
& > 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%')});
transition: 0.3s;
}
`