mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 09:19:04 -04:00
[Security Solution][Bug] Fixes visual issue in Safari (#165377)
## Summary Fixes issue in descriptions of landing page icons which were always displaying in white color. It only happens in Safari, other browsers show the text in the correct color. Fix: Remove misuse of `color` property in `EuiText` component Before:  After: 
This commit is contained in:
parent
162a95938b
commit
befa48828c
2 changed files with 2 additions and 4 deletions
|
@ -81,9 +81,7 @@ export const LandingLinkIcon: React.FC<LandingLinkIconProps> = React.memo(functi
|
|||
</EuiTitle>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem grow={false} css={styles.description}>
|
||||
<EuiText size="s" color="text">
|
||||
{description}
|
||||
</EuiText>
|
||||
<EuiText size="s">{description}</EuiText>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem>{children}</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
|
|
|
@ -89,7 +89,7 @@ export const LandingLinksImages: React.FC<LandingLinksImagesProps> = React.memo(
|
|||
</EuiTitle>
|
||||
{isBeta && <BetaBadge text={betaOptions?.text} />}
|
||||
</div>
|
||||
<EuiText size="s" color="text" css={styles.description}>
|
||||
<EuiText size="s" css={styles.description}>
|
||||
{description}
|
||||
</EuiText>
|
||||
</EuiFlexItem>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue