Added blur to sidebar for transparent background colors
This commit is contained in:
parent
0a1592db73
commit
26ac430d7e
1 changed files with 4 additions and 3 deletions
|
@ -54,12 +54,13 @@ export const NavSideMenu = styled.div <ActivePropType>`
|
|||
}
|
||||
return ret;
|
||||
}};
|
||||
backdrop-filter: ${props => props.active ? "blur(5px)" : ""};
|
||||
|
||||
overflow-x: hidden;
|
||||
transition-property: max-width, max-height, border-right, background-color;
|
||||
transition-property: max-width, max-height, border-right, background-color, backdrop-filter;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: 0.15s, 0s, 0s, 0s;
|
||||
transition-delay: ${props => props.active ? "0s, 0s, 0s, 0s" : "0s, 0.15s, 0.15s, 0.15s"};
|
||||
transition-duration: 0.15s, 0s;
|
||||
transition-delay: ${props => props.active ? "0s" : "0s, 0.15s"};
|
||||
`
|
||||
|
||||
export const NavSideMenuPanel = styled.div <ActivePropType>`
|
||||
|
|
Loading…
Reference in a new issue