Additional branding updates (#64712)

* branding updates

* update snapshots

* update loginPage snapshot

* removed unused EuiText imports

* update button label for exiting full screen

* remove unused translations

* update loading_news snapshot

* update functional baseline screenshots
This commit is contained in:
Ryan Keairns 2020-05-06 01:39:29 -05:00 committed by GitHub
parent 9dc5c7debe
commit a108b23c27
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
31 changed files with 48 additions and 170 deletions

View file

@ -93,7 +93,7 @@ export function HeaderLogo({ href, forceNavigation, navLinks }: Props) {
return (
<EuiHeaderLogo
data-test-subj="logo"
iconType="logoKibana"
iconType="logoElastic"
onClick={e => onClick(e, forceNavigation, navLinks)}
href={href}
aria-label={i18n.translate('core.ui.chrome.headerGlobalNav.goHomePageIconAriaLabel', {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 773 B

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

View file

@ -1,5 +1,6 @@
{
"name": "",
"short_name": "",
"icons": [
{
"src": "/android-chrome-192x192.png",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

View file

@ -2,34 +2,33 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
width="305.000000pt" height="305.000000pt" viewBox="0 0 305.000000 305.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
<g transform="translate(0.000000,305.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M879 6997 c-7 -14 -6 -6288 0 -6285 5 2 58 59 117 128 165 191 703
811 733 845 27 31 297 342 540 624 74 86 140 161 145 167 6 6 34 37 61 70 28
32 84 97 125 144 41 47 98 113 126 146 28 32 118 136 199 229 81 94 157 181
169 195 27 32 148 171 161 186 6 6 33 37 60 70 28 32 68 79 91 104 22 25 76
88 119 140 44 52 85 100 91 105 6 6 53 60 105 120 51 61 96 112 99 115 4 4
150 173 216 250 33 38 312 361 343 395 14 17 53 61 86 100 33 38 72 83 86 100
36 41 568 655 633 730 28 32 58 66 66 75 8 9 40 45 70 81 30 35 57 66 60 69 3
3 62 70 130 150 69 80 171 199 229 265 57 66 127 147 156 180 29 33 89 103
135 155 45 52 92 106 104 120 25 31 144 167 169 194 9 11 17 22 17 26 0 5
-5439 13 -5441 7z"/>
<path d="M3940 3238 c-52 -61 -108 -127 -125 -146 -16 -20 -40 -47 -53 -60
-12 -14 -40 -46 -61 -71 -22 -25 -48 -55 -58 -67 -10 -12 -41 -48 -69 -80 -28
-32 -116 -133 -195 -225 -79 -91 -164 -189 -189 -218 -25 -29 -54 -63 -65 -75
-11 -12 -45 -51 -75 -86 -30 -35 -89 -103 -130 -150 -41 -47 -100 -115 -130
-150 -30 -35 -89 -103 -130 -150 -41 -48 -156 -180 -255 -295 -99 -115 -231
-267 -294 -339 -63 -72 -137 -158 -165 -190 -28 -33 -58 -67 -66 -76 -8 -8
-69 -79 -135 -155 -129 -151 -164 -191 -180 -209 -6 -6 -55 -63 -110 -126 -54
-63 -101 -117 -104 -120 -4 -3 -19 -21 -35 -40 -16 -19 -56 -66 -90 -104 -33
-38 -66 -77 -73 -86 -12 -17 122 -17 2523 -17 l2536 -1 -6 22 c-4 11 -15 61
-26 111 -11 50 -24 106 -29 125 -131 506 -300 922 -558 1381 -126 222 -371
574 -531 762 -138 162 -159 186 -287 317 -143 147 -285 279 -425 396 -98 81
-300 234 -309 234 -3 -1 -49 -51 -101 -112z"/>
<path d="M1611 2890 c-148 -40 -291 -131 -388 -246 l-42 -50 -57 -295 -56
-294 68 -139 69 -139 328 -149 329 -148 31 26 c18 15 170 148 339 296 l306
269 7 82 c29 348 -182 660 -525 777 -96 33 -306 38 -409 10z"/>
<path d="M771 2660 c-160 -33 -279 -170 -288 -333 -3 -45 0 -87 9 -112 l13
-40 224 -52 c124 -30 227 -50 231 -46 4 5 28 122 54 261 55 288 58 263 -39
301 -63 24 -147 32 -204 21z"/>
<path d="M386 2038 c-116 -64 -215 -186 -251 -312 -22 -76 -17 -239 10 -306
46 -114 136 -216 237 -270 l59 -32 82 75 c45 40 188 169 317 286 129 117 236
216 238 221 2 4 -23 64 -56 132 l-58 123 -250 58 c-137 32 -253 57 -259 57 -5
0 -36 -15 -69 -32z"/>
<path d="M2268 1632 l-327 -287 69 -129 68 -130 254 -59 253 -59 60 30 c113
56 207 161 255 287 33 86 34 233 2 328 -24 67 -84 158 -138 209 -33 31 -143
98 -158 97 -6 0 -158 -129 -338 -287z"/>
<path d="M843 1331 c-175 -158 -324 -295 -331 -303 -19 -23 -26 -171 -13 -258
70 -446 501 -735 936 -625 33 8 103 36 155 62 77 39 111 64 181 133 54 53 90
98 97 120 6 19 34 156 62 303 l51 268 -74 142 -75 142 -318 145 c-176 80 -327
149 -336 152 -13 5 -99 -67 -335 -281z"/>
<path d="M2036 721 c-26 -138 -46 -258 -43 -266 4 -8 30 -27 59 -42 47 -25 64
-28 148 -28 82 0 103 4 151 26 77 36 130 87 169 161 28 53 35 76 38 144 3 46
-1 96 -7 115 l-11 34 -212 49 c-117 27 -220 51 -228 53 -13 4 -24 -41 -64
-246z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

View file

@ -74,7 +74,7 @@ export const Template: FunctionComponent<Props> = ({
<meta charSet="utf-8" />
<meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width" />
<title>Elastic Kibana</title>
<title>Elastic</title>
<Fonts url={uiPublicUrl} />
{/* Favicons (generated from http://realfavicongenerator.net/) */}
<link
@ -126,10 +126,10 @@ export const Template: FunctionComponent<Props> = ({
className="kbnWelcomeText"
data-error-message={i18n('core.ui.welcomeErrorMessage', {
defaultMessage:
'Elastic Kibana did not load properly. Check the server output for more information.',
'Elastic did not load properly. Check the server output for more information.',
})}
>
{i18n('core.ui.welcomeMessage', { defaultMessage: 'Loading Elastic Kibana' })}
{i18n('core.ui.welcomeMessage', { defaultMessage: 'Loading Elastic' })}
</div>
<div className="kbnProgress" />
</div>
@ -146,7 +146,7 @@ export const Template: FunctionComponent<Props> = ({
<div className="kbnWelcomeText">
{i18n('core.ui.legacyBrowserMessage', {
defaultMessage:
'This Kibana installation has strict security requirements enabled that your current browser does not meet.',
'This Elastic installation has strict security requirements enabled that your current browser does not meet.',
})}
</div>
</div>

View file

@ -29,13 +29,8 @@ exports[`is rendered 1`] = `
data-test-subj="exitFullScreenModeText"
>
<div>
<p
class="euiTitle euiTitle--xxxsmall dshExitFullScreenButton__title"
>
Elastic Kibana
</p>
<div
class="euiText euiText--extraSmall dshExitFullScreenButton__text"
class="euiText euiText--small dshExitFullScreenButton__text"
>
<p>
Exit full screen

View file

@ -28,25 +28,12 @@ exports[`should render a Welcome screen with no telemetry disclaimer 1`] = `
>
<h1>
<FormattedMessage
defaultMessage="Welcome to Elastic Kibana"
defaultMessage="Welcome to Elastic"
id="home.welcomeTitle"
values={Object {}}
/>
</h1>
</EuiTitle>
<EuiText
className="homWelcome__subtitle"
color="subdued"
size="s"
>
<p>
<FormattedMessage
defaultMessage="Your window into the Elastic Stack"
id="home.welcomeDescription"
values={Object {}}
/>
</p>
</EuiText>
<EuiSpacer
size="m"
/>
@ -102,25 +89,12 @@ exports[`should render a Welcome screen with the telemetry disclaimer 1`] = `
>
<h1>
<FormattedMessage
defaultMessage="Welcome to Elastic Kibana"
defaultMessage="Welcome to Elastic"
id="home.welcomeTitle"
values={Object {}}
/>
</h1>
</EuiTitle>
<EuiText
className="homWelcome__subtitle"
color="subdued"
size="s"
>
<p>
<FormattedMessage
defaultMessage="Your window into the Elastic Stack"
id="home.welcomeDescription"
values={Object {}}
/>
</p>
</EuiText>
<EuiSpacer
size="m"
/>
@ -214,25 +188,12 @@ exports[`should render a Welcome screen with the telemetry disclaimer when optIn
>
<h1>
<FormattedMessage
defaultMessage="Welcome to Elastic Kibana"
defaultMessage="Welcome to Elastic"
id="home.welcomeTitle"
values={Object {}}
/>
</h1>
</EuiTitle>
<EuiText
className="homWelcome__subtitle"
color="subdued"
size="s"
>
<p>
<FormattedMessage
defaultMessage="Your window into the Elastic Stack"
id="home.welcomeDescription"
values={Object {}}
/>
</p>
</EuiText>
<EuiSpacer
size="m"
/>
@ -326,25 +287,12 @@ exports[`should render a Welcome screen with the telemetry disclaimer when optIn
>
<h1>
<FormattedMessage
defaultMessage="Welcome to Elastic Kibana"
defaultMessage="Welcome to Elastic"
id="home.welcomeTitle"
values={Object {}}
/>
</h1>
</EuiTitle>
<EuiText
className="homWelcome__subtitle"
color="subdued"
size="s"
>
<p>
<FormattedMessage
defaultMessage="Your window into the Elastic Stack"
id="home.welcomeDescription"
values={Object {}}
/>
</p>
</EuiText>
<EuiSpacer
size="m"
/>

View file

@ -31,7 +31,6 @@ import {
EuiSpacer,
EuiFlexGroup,
EuiFlexItem,
EuiText,
EuiIcon,
EuiPortal,
} from '@elastic/eui';
@ -141,20 +140,9 @@ export class Welcome extends React.Component<Props> {
</span>
<EuiTitle size="l" className="homWelcome__title">
<h1>
<FormattedMessage
id="home.welcomeTitle"
defaultMessage="Welcome to Elastic Kibana"
/>
<FormattedMessage id="home.welcomeTitle" defaultMessage="Welcome to Elastic" />
</h1>
</EuiTitle>
<EuiText size="s" color="subdued" className="homWelcome__subtitle">
<p>
<FormattedMessage
id="home.welcomeDescription"
defaultMessage="Your window into the Elastic Stack"
/>
</p>
</EuiText>
<EuiSpacer size="m" />
</div>
</header>

View file

@ -55,22 +55,12 @@ exports[`is rendered 1`] = `
data-test-subj="exitFullScreenModeText"
>
<div>
<EuiTitle
className="dshExitFullScreenButton__title"
size="xxxs"
>
<p
className="euiTitle euiTitle--xxxsmall dshExitFullScreenButton__title"
>
Elastic Kibana
</p>
</EuiTitle>
<EuiText
className="dshExitFullScreenButton__text"
size="xs"
size="s"
>
<div
className="euiText euiText--extraSmall dshExitFullScreenButton__text"
className="euiText euiText--small dshExitFullScreenButton__text"
>
<p>
Exit full screen

View file

@ -10,12 +10,11 @@
bottom: $euiSizeS;
position: fixed;
display: block;
padding: 0;
padding: $euiSizeXS $euiSizeS;
border: none;
background: none;
z-index: 5;
background: $euiColorFullShade;
padding: $euiSizeXS;
border-radius: $euiBorderRadius;
text-align: left;
@ -28,11 +27,6 @@
}
}
.dshExitFullScreenButton__title {
line-height: 1.2;
color: $euiColorEmptyShade;
}
.dshExitFullScreenButton__text {
line-height: 1.2;
color: makeHighContrastColor($euiColorMediumShade, $euiColorFullShade);

View file

@ -20,7 +20,7 @@
import { i18n } from '@kbn/i18n';
import React, { PureComponent } from 'react';
import { EuiScreenReaderOnly, keyCodes } from '@elastic/eui';
import { EuiIcon, EuiTitle, EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
import { EuiIcon, EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
export interface ExitFullScreenButtonProps {
onExitFullScreenMode: () => void;
@ -69,17 +69,7 @@ class ExitFullScreenButtonUi extends PureComponent<ExitFullScreenButtonProps> {
</EuiFlexItem>
<EuiFlexItem grow={false} data-test-subj="exitFullScreenModeText">
<div>
<EuiTitle size="xxxs" className="dshExitFullScreenButton__title">
<p>
{i18n.translate(
'kibana-react.exitFullScreenButton.exitFullScreenModeButtonTitle',
{
defaultMessage: 'Elastic Kibana',
}
)}
</p>
</EuiTitle>
<EuiText size="xs" className="dshExitFullScreenButton__text">
<EuiText size="s" className="dshExitFullScreenButton__text">
<p>
{i18n.translate(
'kibana-react.exitFullScreenButton.exitFullScreenModeButtonText',

View file

@ -12,7 +12,7 @@ exports[`news_loading rendering renders the default News Loading 1`] = `
</p>
}
title={
<EuiLoadingKibana
<EuiLoadingElastic
size="xl"
/>
}

View file

@ -20,12 +20,12 @@ import React from 'react';
import { FormattedMessage } from '@kbn/i18n/react';
import { EuiEmptyPrompt } from '@elastic/eui';
import { EuiLoadingKibana } from '@elastic/eui';
import { EuiLoadingElastic } from '@elastic/eui';
export const NewsLoadingPrompt = () => {
return (
<EuiEmptyPrompt
title={<EuiLoadingKibana size="xl" />}
title={<EuiLoadingElastic size="xl" />}
body={
<p>
<FormattedMessage

Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 126 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 116 KiB

Before After
Before After

View file

@ -278,25 +278,12 @@ exports[`LoginPage page renders as expected 1`] = `
>
<h1>
<FormattedMessage
defaultMessage="Welcome to Elastic Kibana"
defaultMessage="Welcome to Elastic"
id="xpack.security.loginPage.welcomeTitle"
values={Object {}}
/>
</h1>
</EuiTitle>
<EuiText
className="loginWelcome__subtitle"
color="subdued"
size="s"
>
<p>
<FormattedMessage
defaultMessage="Your window into the Elastic Stack"
id="xpack.security.loginPage.welcomeDescription"
values={Object {}}
/>
</p>
</EuiText>
<EuiSpacer
size="xl"
/>

View file

@ -11,7 +11,7 @@ import ReactDOM from 'react-dom';
import classNames from 'classnames';
import { BehaviorSubject } from 'rxjs';
import { parse } from 'url';
import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiSpacer, EuiTitle } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n/react';
import { CoreStart, FatalErrorsStart, HttpStart, NotificationsStart } from 'src/core/public';
@ -39,7 +39,7 @@ const infoMessageMap = new Map([
[
'LOGGED_OUT',
i18n.translate('xpack.security.login.loggedOutDescription', {
defaultMessage: 'You have logged out of Kibana.',
defaultMessage: 'You have logged out of Elastic.',
}),
],
]);
@ -93,18 +93,10 @@ export class LoginPage extends Component<Props, State> {
<h1>
<FormattedMessage
id="xpack.security.loginPage.welcomeTitle"
defaultMessage="Welcome to Elastic Kibana"
defaultMessage="Welcome to Elastic"
/>
</h1>
</EuiTitle>
<EuiText size="s" color="subdued" className="loginWelcome__subtitle">
<p>
<FormattedMessage
id="xpack.security.loginPage.welcomeDescription"
defaultMessage="Your window into the Elastic Stack"
/>
</p>
</EuiText>
<EuiSpacer size="xl" />
</div>
</header>

View file

@ -1863,7 +1863,6 @@
"home.tutorials.zookeeperMetrics.longDescription": "「{moduleName}」Metricbeat モジュールは、Zookeeper サーバーから内部メトリックを取得します。 [詳細]({learnMoreLink})。",
"home.tutorials.zookeeperMetrics.nameTitle": "Zookeeper メトリック",
"home.tutorials.zookeeperMetrics.shortDescription": "Zookeeper サーバーから内部メトリックを取得します。",
"home.welcomeDescription": "Elastic Stack への入口",
"home.welcomeHomePageHeader": "Kibana ホーム",
"home.welcomeTitle": "Elastic Kibana へようこそ",
"inputControl.control.noIndexPatternTooltip": "index-pattern id が見つかりませんでした: {indexPatternId}.",
@ -2419,7 +2418,6 @@
"kibana-react.dualRangeControl.upperValidErrorMessage": "上の値は下の値以上でなければなりません",
"kibana-react.exitFullScreenButton.exitFullScreenModeButtonAriaLabel": "全画面モードを終了",
"kibana-react.exitFullScreenButton.exitFullScreenModeButtonText": "全画面を終了",
"kibana-react.exitFullScreenButton.exitFullScreenModeButtonTitle": "Elastic Kibana",
"kibana-react.exitFullScreenButton.fullScreenModeDescription": "ESC キーで全画面モードを終了します。",
"kibana-react.splitPanel.adjustPanelSizeAriaLabel": "左右のキーを押してパネルサイズを調整します",
"kibana-react.tableListView.listing.createNewItemButtonLabel": "Create {entityName}",
@ -12528,7 +12526,6 @@
"xpack.security.loginPage.requiresSecureConnectionTitle": "ログインにはセキュアな接続が必要です",
"xpack.security.loginPage.unknownLayoutMessage": "詳細は Kibana ログを確認し、このページを再度読み込んでみてください。",
"xpack.security.loginPage.unknownLayoutTitle": "サポートされていないログインフォームレイアウト。",
"xpack.security.loginPage.welcomeDescription": "Elastic Stack への入口",
"xpack.security.loginPage.welcomeTitle": "Elastic Kibana へようこそ",
"xpack.security.loginPage.xpackUnavailableMessage": "この Kibana ディストリビューションの無料の機能をすべて使用するには、デフォルトの Elasticsearch をアップデートしてください。",
"xpack.security.loginPage.xpackUnavailableTitle": "現在 Kibana に構成されている Elasticsearch クラスターへの接続をキャンセルします。",

View file

@ -1864,7 +1864,6 @@
"home.tutorials.zookeeperMetrics.longDescription": "Metricbeat 模块 `{moduleName}` 从 Zookeeper 服务器提取内部指标。[了解详情]({learnMoreLink})。",
"home.tutorials.zookeeperMetrics.nameTitle": "Zookeeper 指标",
"home.tutorials.zookeeperMetrics.shortDescription": "从 Zookeeper 服务器提取内部指标。",
"home.welcomeDescription": "您了解 Elastic Stack 的窗口",
"home.welcomeHomePageHeader": "Kibana 主页",
"home.welcomeTitle": "欢迎使用 Elastic Kibana",
"inputControl.control.noIndexPatternTooltip": "找不到索引模式 ID{indexPatternId}。",
@ -2420,7 +2419,6 @@
"kibana-react.dualRangeControl.upperValidErrorMessage": "上限值必须大于或等于下限值",
"kibana-react.exitFullScreenButton.exitFullScreenModeButtonAriaLabel": "退出全屏模式",
"kibana-react.exitFullScreenButton.exitFullScreenModeButtonText": "退出全屏",
"kibana-react.exitFullScreenButton.exitFullScreenModeButtonTitle": "Elastic Kibana",
"kibana-react.exitFullScreenButton.fullScreenModeDescription": "在全屏模式下,按 ESC 键可退出。",
"kibana-react.splitPanel.adjustPanelSizeAriaLabel": "按左/右箭头键调整面板大小",
"kibana-react.tableListView.listing.createNewItemButtonLabel": "创建 {entityName}",
@ -12535,7 +12533,6 @@
"xpack.security.loginPage.requiresSecureConnectionTitle": "登录需要安全连接",
"xpack.security.loginPage.unknownLayoutMessage": "请参阅 Kibana 日志了解详情,然后尝试重新加载页面。",
"xpack.security.loginPage.unknownLayoutTitle": "登录窗体布局不支持。",
"xpack.security.loginPage.welcomeDescription": "您了解 Elastic Stack 的窗口",
"xpack.security.loginPage.welcomeTitle": "欢迎使用 Elastic Kibana",
"xpack.security.loginPage.xpackUnavailableMessage": "要使用此 Kibana 发行版中全部免费功能,请将 Elasticsearch 更新为默认发行版。",
"xpack.security.loginPage.xpackUnavailableTitle": "当前无法连接到为 Kibana 配置的 Elasticsearch 集群。",

View file

@ -48,7 +48,7 @@ export default function({ getService, getPageObjects }: FtrProviderContext) {
await PageObjects.security.logout();
const logoutMessage = await testSubjects.getVisibleText('loginInfoMessage');
expect(logoutMessage).to.eql('You have logged out of Kibana.');
expect(logoutMessage).to.eql('You have logged out of Elastic.');
});
describe('within a non-default space', async () => {