[SecuritySolution] Styling for embeddable (#162134)

## Summary


Metrics and histograms on Hosts, network, users, rules and alerts page
are cropped.


Before:

<img width="784" alt="Screenshot 2023-07-18 at 12 40 52"
src="56ade48c-03dd-4095-a3e6-c87b2de895ad">



After:

<img width="766" alt="Screenshot 2023-07-18 at 12 38 48"
src="e0c37138-e043-4075-8842-b7ace669d163">
This commit is contained in:
Angela Chuang 2023-07-18 14:41:29 +01:00 committed by GitHub
parent 209d35365f
commit 26624004d6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -39,9 +39,13 @@ const LensComponentWrapper = styled.div<{
width: ${({ width }) => width ?? 'auto'};
${({ $addHoverActionsPadding }) =>
$addHoverActionsPadding
? `.embPanel__header--floater { top: ${HOVER_ACTIONS_PADDING * -1}px; }`
: ''}
$addHoverActionsPadding ? `.embPanel__header { top: ${HOVER_ACTIONS_PADDING * -1}px; }` : ''}
.embPanel__header {
z-index: 2;
position: absolute;
right: 0;
}
.expExpressionRenderer__expression {
padding: 2px 0 0 0 !important;