Skip to content

Commit

Permalink
Fixed the spacing of child accordion items for policy response dialog. (
Browse files Browse the repository at this point in the history
  • Loading branch information
efreeti authored Jul 15, 2020
1 parent 75582eb commit 4e6f0c6
Showing 1 changed file with 12 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -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};
Expand All @@ -59,6 +65,10 @@ const PolicyResponseConfigAccordion = styled(EuiAccordion)`
.policyResponseStatusHealth {
width: 100px;
}
.policyResponseMessage {
padding-left: ${(props) => props.theme.eui.paddingSizes.l};
}
`;

const ResponseActions = memo(
Expand Down Expand Up @@ -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>
);
Expand Down

0 comments on commit 4e6f0c6

Please sign in to comment.