[Cloud Security] Broken UI fix (#188041)

## Summary

Fix for line break tag showing up as text instead of actual line break 
Fix for Pipe symbol not showing properly

**BEFORE**

![341360105-1705fa0f-fc9c-4068-b1bc-ae578d14b7c5](05b5f568-70b4-44b2-9c2f-eb566d446f2a)
<img width="801" alt="Screenshot 2024-07-10 at 4 53 21 PM"
src="b581814f-35e2-40e6-8718-76a21659e9fe">


**AFTER**
<img width="1399" alt="Screenshot 2024-07-10 at 3 34 03 PM"
src="a1b49202-2e01-49fb-9cb0-8bf3234e778b">
<img width="641" alt="Screenshot 2024-07-10 at 4 50 50 PM"
src="b95b0036-9ac1-40a6-ad96-36a7ccf70b0a">
This commit is contained in:
Rickyanto Ang 2024-07-10 18:23:13 -07:00 committed by GitHub
parent 0e6286738b
commit 12eabcc7e2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 3 deletions

View file

@ -74,8 +74,11 @@ const CnvmIntegrationNotInstalledEmptyPrompt = ({
<h2>
<FormattedMessage
id="xpack.csp.cloudPosturePage.vulnerabilitiesInstalledEmptyPrompt.promptTitle"
defaultMessage="Detect vulnerabilities in your <br/> cloud assets"
defaultMessage="Detect vulnerabilities in your {lineBreak} cloud assets"
ignoreTag
values={{
lineBreak: <br />,
}}
/>
</h2>
}

View file

@ -333,8 +333,13 @@ const CurrentPageOfTotal = ({
<EuiText size="xs" textAlign="left" color="subdued" style={{ marginLeft: '8px' }}>
<FormattedMessage
id="xpack.csp.rules.rulesTable.showingPageOfTotalLabel"
defaultMessage="Showing {pageSize} of {total, plural, one {# rule} other {# rules}} \u2000|\u2000 Selected {selectedRulesAmount, plural, one {# rule} other {# rules}}"
values={{ pageSize, total, selectedRulesAmount: selectedRules.length || 0 }}
defaultMessage="Showing {pageSize} of {total, plural, one {# rule} other {# rules}} {pipe} Selected {selectedRulesAmount, plural, one {# rule} other {# rules}}"
values={{
pageSize,
total,
selectedRulesAmount: selectedRules.length || 0,
pipe: '\u2000|\u2000',
}}
/>
</EuiText>
</EuiFlexItem>