make history drawer positioned absolute (#89630)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Sandra Gonzales 2021-02-02 16:55:23 -05:00 committed by GitHub
parent 2f05b513e7
commit 240a7c3f02
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -67,12 +67,13 @@ export const BottomDrawer: React.FC<{
const BottomActionContainer = euiStyled.div<{ isOpen: boolean }>`
padding: ${(props) => props.theme.eui.paddingSizes.m} 0;
position: fixed;
position: absolute;
height: ${(props) => (props.isOpen ? '244px' : '48px')};
overflow: ${(props) => (props.isOpen ? 'visible' : 'hidden')};
left: 0;
bottom: 0;
right: 0;
transition: transform ${TRANSITION_MS}ms;
transform: translateY(${(props) => (props.isOpen ? 0 : '224px')})
transition: height ${TRANSITION_MS}ms;
`;
const BottomActionTopBar = euiStyled(EuiFlexGroup).attrs({