diff --git a/x-pack/plugins/security_solution/public/common/components/event_details/alert_summary_view.tsx b/x-pack/plugins/security_solution/public/common/components/event_details/alert_summary_view.tsx index c30837dc6eca..052ced8bfdf7 100644 --- a/x-pack/plugins/security_solution/public/common/components/event_details/alert_summary_view.tsx +++ b/x-pack/plugins/security_solution/public/common/components/event_details/alert_summary_view.tsx @@ -47,6 +47,7 @@ const getDescription = ({ linkValue={linkValue} timelineId={timelineId} values={values} + applyWidthAndPadding={false} /> )} diff --git a/x-pack/plugins/security_solution/public/common/components/event_details/cti_details/enrichment_summary.tsx b/x-pack/plugins/security_solution/public/common/components/event_details/cti_details/enrichment_summary.tsx index 0a16b9a612d4..5f185307e824 100644 --- a/x-pack/plugins/security_solution/public/common/components/event_details/cti_details/enrichment_summary.tsx +++ b/x-pack/plugins/security_solution/public/common/components/event_details/cti_details/enrichment_summary.tsx @@ -36,11 +36,26 @@ export interface ThreatSummaryDescription { } const EnrichmentFieldFeedName = styled.span` - margin-left: ${({ theme }) => theme.eui.paddingSizes.xs}; white-space: nowrap; font-style: italic; `; +export const StyledEuiFlexGroup = styled(EuiFlexGroup)` + .hoverActions-active { + .timelines__hoverActionButton, + .securitySolution__hoverActionButton { + opacity: 1; + } + } + + &:hover { + .timelines__hoverActionButton, + .securitySolution__hoverActionButton { + opacity: 1; + } + } +`; + const EnrichmentDescription: React.FC = ({ browserField, data, @@ -54,9 +69,9 @@ const EnrichmentDescription: React.FC = ({ if (!data || !value) return null; const key = `alert-details-value-formatted-field-value-${timelineId}-${eventId}-${data.field}-${value}-${index}-${feedName}`; return ( - + -
+
= ({ isDraggable={isDraggable} isObjectArray={data.isObjectArray} value={value} + truncate={false} /> {feedName && ( + {' '} {i18n.FEED_NAME_PREPOSITION} {feedName} )} @@ -83,10 +100,11 @@ const EnrichmentDescription: React.FC = ({ fieldFromBrowserField={browserField} timelineId={timelineId} values={[value]} + applyWidthAndPadding={false} /> )} - + ); }; diff --git a/x-pack/plugins/security_solution/public/common/components/event_details/cti_details/threat_summary_view.tsx b/x-pack/plugins/security_solution/public/common/components/event_details/cti_details/threat_summary_view.tsx index 5382fb5a9bcc..9939f7c68804 100644 --- a/x-pack/plugins/security_solution/public/common/components/event_details/cti_details/threat_summary_view.tsx +++ b/x-pack/plugins/security_solution/public/common/components/event_details/cti_details/threat_summary_view.tsx @@ -84,7 +84,7 @@ export const EnrichedDataRow: React.FC<{ field: string | undefined; value: React - {value} + {value} );