[Workplace Search] Remove shadows from Source overview panels (#97055)

This commit is contained in:
Scotty Bollinger 2021-04-14 08:14:12 -05:00 committed by GitHub
parent bcc1acb1dd
commit 1630c14a15
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -230,7 +230,12 @@ export const Overview: React.FC = () => {
<EuiFlexGroup direction="column" gutterSize="s" data-test-subj="GroupsSummary"> <EuiFlexGroup direction="column" gutterSize="s" data-test-subj="GroupsSummary">
{groups.map((group, index) => ( {groups.map((group, index) => (
<EuiFlexItem key={index}> <EuiFlexItem key={index}>
<EuiPanelTo to={getGroupPath(group.id)} data-test-subj="SourceGroupLink"> <EuiPanelTo
hasShadow={false}
color="subdued"
to={getGroupPath(group.id)}
data-test-subj="SourceGroupLink"
>
<EuiText size="s" className="eui-textTruncate"> <EuiText size="s" className="eui-textTruncate">
<strong>{group.name}</strong> <strong>{group.name}</strong>
</EuiText> </EuiText>
@ -248,7 +253,7 @@ export const Overview: React.FC = () => {
<h4>{CONFIGURATION_TITLE}</h4> <h4>{CONFIGURATION_TITLE}</h4>
</EuiText> </EuiText>
<EuiSpacer size="s" /> <EuiSpacer size="s" />
<EuiPanel> <EuiPanel hasShadow={false} color="subdued">
<EuiText size="s"> <EuiText size="s">
{details.map((detail, index) => ( {details.map((detail, index) => (
<EuiFlexGroup <EuiFlexGroup
@ -276,7 +281,7 @@ export const Overview: React.FC = () => {
<h4>{DOCUMENT_PERMISSIONS_TITLE}</h4> <h4>{DOCUMENT_PERMISSIONS_TITLE}</h4>
</EuiTitle> </EuiTitle>
<EuiSpacer size="m" /> <EuiSpacer size="m" />
<EuiPanel> <EuiPanel hasShadow={false} color="subdued">
<EuiFlexGroup gutterSize="m" alignItems="center"> <EuiFlexGroup gutterSize="m" alignItems="center">
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<EuiIcon type={aclImage} size="l" color="primary" /> <EuiIcon type={aclImage} size="l" color="primary" />
@ -298,7 +303,7 @@ export const Overview: React.FC = () => {
<h4>{DOCUMENT_PERMISSIONS_TITLE}</h4> <h4>{DOCUMENT_PERMISSIONS_TITLE}</h4>
</EuiTitle> </EuiTitle>
<EuiSpacer size="m" /> <EuiSpacer size="m" />
<EuiPanel data-test-subj="DocumentPermissionsDisabled"> <EuiPanel hasShadow={false} color="subdued" data-test-subj="DocumentPermissionsDisabled">
<EuiText size="s"> <EuiText size="s">
<EuiFlexGroup wrap gutterSize="m" alignItems="center" justifyContent="spaceBetween"> <EuiFlexGroup wrap gutterSize="m" alignItems="center" justifyContent="spaceBetween">
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
@ -329,7 +334,7 @@ export const Overview: React.FC = () => {
); );
const sourceStatus = ( const sourceStatus = (
<EuiPanel> <EuiPanel hasShadow={false} color="subdued">
<EuiText size="s"> <EuiText size="s">
<h6> <h6>
<EuiTextColor color="subdued">{STATUS_HEADER}</EuiTextColor> <EuiTextColor color="subdued">{STATUS_HEADER}</EuiTextColor>
@ -353,7 +358,7 @@ export const Overview: React.FC = () => {
); );
const permissionsStatus = ( const permissionsStatus = (
<EuiPanel data-test-subj="PermissionsStatus"> <EuiPanel hasShadow={false} color="subdued" data-test-subj="PermissionsStatus">
<EuiText size="s"> <EuiText size="s">
<h6> <h6>
<EuiTextColor color="subdued">{STATUS_HEADING}</EuiTextColor> <EuiTextColor color="subdued">{STATUS_HEADING}</EuiTextColor>
@ -389,7 +394,7 @@ export const Overview: React.FC = () => {
); );
const credentials = ( const credentials = (
<EuiPanel> <EuiPanel hasShadow={false} color="subdued">
<EuiText size="s"> <EuiText size="s">
<h6> <h6>
<EuiTextColor color="subdued">{CREDENTIALS_TITLE}</EuiTextColor> <EuiTextColor color="subdued">{CREDENTIALS_TITLE}</EuiTextColor>
@ -409,7 +414,7 @@ export const Overview: React.FC = () => {
title: string; title: string;
children: React.ReactNode; children: React.ReactNode;
}) => ( }) => (
<EuiPanel> <EuiPanel hasShadow={false} color="subdued">
<EuiText size="s"> <EuiText size="s">
<h6> <h6>
<EuiTextColor color="subdued">{DOCUMENTATION_LINK_TITLE}</EuiTextColor> <EuiTextColor color="subdued">{DOCUMENTATION_LINK_TITLE}</EuiTextColor>
@ -424,7 +429,7 @@ export const Overview: React.FC = () => {
); );
const documentPermssionsLicenseLocked = ( const documentPermssionsLicenseLocked = (
<EuiPanel> <EuiPanel hasShadow={false} color="subdued">
<LicenseBadge /> <LicenseBadge />
<EuiSpacer size="s" /> <EuiSpacer size="s" />
<EuiTitle size="xs"> <EuiTitle size="xs">