make history drawer positioned absolute (#89630)

Co-authored-by: Kibana Machine <[email protected]>
elastic · Feb 2, 2021 · 240a7c3 · 240a7c3
1 parent 2f05b51
commit 240a7c3
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/bottom_drawer.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/bottom_drawer.tsx
@@ -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({