[SIEM] Fix IE11 timeline drag and drop issue (#50528)

elastic · Nov 15, 2019 · eb0141d · eb0141d
1 parent 3131dd4
commit eb0141d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/x-pack/legacy/plugins/siem/public/components/page/add_filter_to_global_search_bar/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/add_filter_to_global_search_bar/index.tsx
@@ -33,7 +33,7 @@ export const AddFilterToGlobalSearchBar = React.memo<OwnProps>(
     return (
       <WithHoverActions
         hoverContent={
-          <HoverActionsContainer data-test-subj="hover-actions-container">
+          <HoverActionsContainer data-test-subj="hover-actions-container" paddingSize="none">
             <EuiToolTip content={i18n.FILTER_FOR_VALUE}>
               <EuiIcon data-test-subj="add-to-filter" type="filter" onClick={addToKql} />
             </EuiToolTip>
@@ -51,11 +51,11 @@ export const HoverActionsContainer = styled(EuiPanel)`
   align-items: center;
   display: flex;
   flex-direction: row;
-  height: 25px;
+  height: 34px;
   justify-content: center;
   left: 5px;
   position: absolute;
   top: -10px;
-  width: 30px;
+  width: 34px;
   cursor: pointer;
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx
@@ -61,13 +61,22 @@ PanelProviders.displayName = 'PanelProviders';
 const PanelProvidersGroupContainer = styled(EuiFlexGroup)`
   position: relative;
   flex-grow: unset;
+
+  .euiFlexItem {
+    flex: 1 0 auto;
+  }
+
+  .euiFlexItem--flexGrowZero {
+    flex: 0 0 auto;
+  }
 `;
 
 PanelProvidersGroupContainer.displayName = 'PanelProvidersGroupContainer';
 
 /** A row of data providers in the timeline drop zone */
 const PanelProviderGroupContainer = styled(EuiFlexGroup)`
   height: ${ROW_OF_DATA_PROVIDERS_HEIGHT}px;
+  min-height: ${ROW_OF_DATA_PROVIDERS_HEIGHT}px;
   margin: 5px 0px;
 `;