maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fixed the spacing of child accordion items for policy response dialog. (#71677)

Browse source
This commit is contained in:
Bohdan Tsymbala 2020-07-15 10:16:27 +02:00 committed by GitHub
parent 75582eb4ae
commit 4e6f0c60e2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/policy_response.tsx
View file

@ -26,30 +26,36 @@ import {
* actions the endpoint took to apply the policy configuration.
*/
const PolicyResponseConfigAccordion = styled(EuiAccordion)`
> .euiAccordion__triggerWrapper {
.euiAccordion__triggerWrapper {
padding: ${(props) => props.theme.eui.paddingSizes.s};
}
&.euiAccordion-isOpen {
background-color: ${(props) => props.theme.eui.euiFocusBackgroundColor};
}
.euiAccordion__childWrapper {
background-color: ${(props) => props.theme.eui.euiColorLightestShade};
}
.policyResponseAttentionBadge {
background-color: ${(props) => props.theme.eui.euiColorDanger};
color: ${(props) => props.theme.eui.euiColorEmptyShade};
}
.euiAccordion__button {
:hover,
:focus {
text-decoration: none;
}
}
:hover:not(.euiAccordion-isOpen) {
background-color: ${(props) => props.theme.eui.euiColorLightestShade};
}
.policyResponseActionsAccordion {
.euiAccordion__iconWrapper,
svg {
height: ${(props) => props.theme.eui.euiIconSizes.small};
width: ${(props) => props.theme.eui.euiIconSizes.small};
@ -59,6 +65,10 @@ const PolicyResponseConfigAccordion = styled(EuiAccordion)`
.policyResponseStatusHealth {
width: 100px;
}
.policyResponseMessage {
padding-left: ${(props) => props.theme.eui.paddingSizes.l};
}
`;
const ResponseActions = memo(
@ -105,7 +115,7 @@ const ResponseActions = memo(
}
>
<EuiText size="xs" data-test-subj="policyResponseMessage">
<p>{statuses.message}</p>
<p className="policyResponseMessage">{statuses.message}</p>
</EuiText>
</EuiAccordion>
);