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

This commit is contained in:
patrykkopycinski 2019-11-15 10:52:41 +01:00 committed by GitHub
parent f2e71f4ad6
commit c5bb2fc27b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 3 deletions

View file

@ -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;
`;

View file

@ -61,6 +61,14 @@ 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';
@ -68,6 +76,7 @@ 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;
`;