mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 17:59:23 -04:00
QA fixes to align with the new borealis theme (#204080)
## Summary Fixes https://github.com/elastic/search-team/issues/8647 * ~Updates non-status colors on badges and panels that were using `success` to `accentSecondary`~. Some badges remain as `success`, changed non-status badges to `primary` * New guidance requests that buttons are changed to either `text` or `primary` rather than using `accentSecondary` * Changes serverless welcome banner background to match stack * Updates search labs banner to use right color <-- Background uses `accentSecondary` and keeps `success` button [(Slack thread](https://elastic.slack.com/archives/C7QC1JV6F/p1734103814782069)) * Adds border around code blocks so it is visible in dark mode. | | | |--------|--------| | **Notebooks button:** |   | | **Getting started Connection details:** |  | | **Welcome banner on Serverless: Removes primary background** |  | | **Search labs banner:** |   | | **Borders in dark mode for code blocks** |  | | Crawler updates |    | | Pipelines callouts, badges, and buttons |   | --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Michael DeFazio
GitHub
parent
e529a899bc
commit
42f94e2b21
13 changed files with 19 additions and 25 deletions
|
|
@ -97,7 +97,7 @@ export const CloudDetailsPanel = ({
|
|||
</EuiFlexItem>
|
||||
<EuiFlexItem grow={false}>
|
||||
<span>
|
||||
<EuiBadge color="success">
|
||||
<EuiBadge color="accent">
|
||||
<FormattedMessage
|
||||
id="searchApiPanels.cloudIdDetails.elasticsearchEndpoint.recommendedBadge"
|
||||
defaultMessage="Recommended"
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ export const AuthenticationPanelActions: React.FC = () => {
|
|||
) : currentAuth === null ? (
|
||||
<EuiButton
|
||||
data-telemetry-id="entSearchContent-crawler-domainDetail-authentication-addCredentials"
|
||||
color="success"
|
||||
color="primary"
|
||||
iconType="plusInCircle"
|
||||
size="s"
|
||||
onClick={() => enableEditing(currentAuth)}
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ export const DomainsPanel: React.FC = () => {
|
|||
data-telemetry-id="entSearchContent-crawler-domainManagement-addDomain-addDomain"
|
||||
onClick={openFlyout}
|
||||
size="s"
|
||||
color="success"
|
||||
color="primary"
|
||||
iconType="plusInCircle"
|
||||
>
|
||||
{i18n.translate('xpack.enterpriseSearch.crawler.addDomainFlyout.openButtonLabel', {
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@ const AddButton: React.FC<{
|
|||
<EuiButton
|
||||
fullWidth
|
||||
data-telemetry-id={`entSearchContent-${ingestionMethod}-pipelines-addInferencePipeline`}
|
||||
color={disabled ? undefined : 'success'}
|
||||
color={disabled ? undefined : 'primary'}
|
||||
disabled={disabled}
|
||||
iconType={disabled ? 'lock' : 'plusInCircle'}
|
||||
onClick={onClick}
|
||||
|
|
|
|||
|
|
@ -38,12 +38,12 @@ export const DeployModel = ({
|
|||
const { createTextExpansionModel } = useActions(TextExpansionCalloutLogic);
|
||||
|
||||
return (
|
||||
<EuiCallOut color="success">
|
||||
<EuiCallOut color="primary">
|
||||
<EuiFlexGroup direction="column" gutterSize="s">
|
||||
<EuiFlexItem>
|
||||
<EuiFlexGroup direction="row" gutterSize="s" alignItems="center">
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiBadge color="success">
|
||||
<EuiBadge color="primary">
|
||||
<FormattedMessage
|
||||
id="xpack.enterpriseSearch.content.index.pipelines.textExpansionCallOut.titleBadge"
|
||||
defaultMessage="New"
|
||||
|
|
@ -51,7 +51,7 @@ export const DeployModel = ({
|
|||
</EuiBadge>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem grow>
|
||||
<EuiText color="success" size="xs">
|
||||
<EuiText color="primary" size="xs">
|
||||
<h3>
|
||||
{i18n.translate(
|
||||
'xpack.enterpriseSearch.content.index.pipelines.textExpansionCallOut.title',
|
||||
|
|
@ -87,7 +87,7 @@ export const DeployModel = ({
|
|||
>
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiButton
|
||||
color="success"
|
||||
color="primary"
|
||||
data-telemetry-id={`entSearchContent-${ingestionMethod}-pipelines-textExpansionCallOut-deployModel`}
|
||||
disabled={isCreateButtonDisabled}
|
||||
iconType="launch"
|
||||
|
|
|
|||
|
|
@ -190,7 +190,7 @@ export const SearchIndexPipelines: React.FC = () => {
|
|||
hasIndexIngestionPipeline ? (
|
||||
<EuiFlexGroup alignItems="center" gutterSize="xs" justifyContent="center">
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiBadge color="success">
|
||||
<EuiBadge color="accent">
|
||||
{i18n.translate(
|
||||
'xpack.enterpriseSearch.content.indices.pipelines.ingestionPipeline.customBadge',
|
||||
{ defaultMessage: 'Custom' }
|
||||
|
|
|
|||
|
|
@ -36,10 +36,11 @@ export const SearchLabsBanner: React.FC = () => {
|
|||
<EuiPanel
|
||||
hasBorder
|
||||
hasShadow
|
||||
color="success"
|
||||
color="accentSecondary"
|
||||
css={css`
|
||||
background-image: url(${backgroundImagePath});
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
`}
|
||||
>
|
||||
<SearchLabsLogo
|
||||
|
|
|
|||
|
|
@ -140,7 +140,7 @@ export const InlineEditableTableContents = <Item extends ItemWithAnID>({
|
|||
iconType="plusInCircle"
|
||||
disabled={isEditing}
|
||||
onClick={editNewItem}
|
||||
color="success"
|
||||
color="primary"
|
||||
data-test-subj="inlineEditableTableActionButton"
|
||||
>
|
||||
{addButtonText ||
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ export const DevToolsConsoleCodeBlock: React.FC<DevToolsConsoleCodeBlockProps> =
|
|||
|
||||
return (
|
||||
<EuiThemeProvider colorMode="dark">
|
||||
<EuiPanel hasShadow={false}>
|
||||
<EuiPanel hasShadow={false} hasBorder>
|
||||
<EuiFlexGroup direction="column" gutterSize="xs">
|
||||
<EuiFlexGroup
|
||||
direction="rowReverse"
|
||||
|
|
|
|||
|
|
@ -57,10 +57,10 @@ export function SemanticTextBanner({
|
|||
|
||||
return isSemanticTextBannerDisplayable && isSemanticTextEnabled ? (
|
||||
<>
|
||||
<EuiPanel color="success" data-test-subj="indexDetailsMappingsSemanticTextBanner">
|
||||
<EuiPanel color="accentSecondary" data-test-subj="indexDetailsMappingsSemanticTextBanner">
|
||||
<EuiFlexGroup>
|
||||
<EuiFlexItem>
|
||||
<EuiText size="m" color="success">
|
||||
<EuiText size="m" color="primary">
|
||||
{isPlatinumLicense ? platinumLicenseMessage : defaultLicenseMessage}
|
||||
</EuiText>
|
||||
</EuiFlexItem>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ export const SearchNotebooksButton = ({
|
|||
if (activeView) {
|
||||
return (
|
||||
<EuiButton
|
||||
color="success"
|
||||
color="primary"
|
||||
fill
|
||||
onClick={onClick}
|
||||
size="s"
|
||||
|
|
@ -47,7 +47,7 @@ export const SearchNotebooksButton = ({
|
|||
}
|
||||
return (
|
||||
<EuiButtonEmpty
|
||||
color="success"
|
||||
color="primary"
|
||||
onClick={onClick}
|
||||
size="s"
|
||||
iconType="documentation"
|
||||
|
|
|
|||
|
|
@ -1,7 +1,3 @@
|
|||
.serverlessSearchHeaderSection {
|
||||
background-color: $euiColorPrimary;
|
||||
}
|
||||
|
||||
.serverlessSearchHeaderSection > div {
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
|
|
@ -13,4 +9,4 @@
|
|||
|
||||
.serverlessSearchCloudDetailsCopyPanel {
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,7 +14,6 @@ import {
|
|||
EuiIcon,
|
||||
EuiPageTemplate,
|
||||
EuiPanel,
|
||||
EuiText,
|
||||
EuiBadge,
|
||||
} from '@elastic/eui';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
|
|
@ -96,9 +95,7 @@ export const ElasticsearchOverview = () => {
|
|||
return (
|
||||
<EuiPageTemplate offset={0} grow restrictWidth data-test-subj="svlSearchOverviewPage">
|
||||
<EuiPageTemplate.Section alignment="top" className="serverlessSearchHeaderSection">
|
||||
<EuiText color="ghost">
|
||||
<WelcomeBanner user={user} assetBasePath={assetBasePath} />
|
||||
</EuiText>
|
||||
<WelcomeBanner user={user} assetBasePath={assetBasePath} />
|
||||
</EuiPageTemplate.Section>
|
||||
<EuiPageTemplate.Section
|
||||
color="subdued"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue