+
Oh no!
+
- It looks like your Elasticsearch cluster has the rest.action.multi.allow_explicit_index
setting set to false
, which prevents Kibana from making search requests. We use this ability to send a single request to Elasticsearch that searches multiple indexes so that when there are many panels on a dashboard they will load quickly and uniformly.
+ It looks like your Elasticsearch cluster has the
+ rest.action.multi.allow_explicit_index
setting set to false
, which
+ prevents Kibana from making search requests. We use this ability to send a single request to
+ Elasticsearch that searches multiple indexes so that when there are many panels on a dashboard
+ they will load quickly and uniformly.
- Unfortunately, until this issue is fixed you won't be able to use certain apps in Kibana, like Discover, Visualize and Dashboard.
+ Unfortunately, until this issue is fixed you won't be able to use certain apps in Kibana, like
+ Discover, Visualize and Dashboard.
Ok, how do I fix this?
- - Remove
rest.action.multi.allow_explicit_index: false
from your Elasticsearch config file.
+ -
+ Remove
rest.action.multi.allow_explicit_index: false
from your Elasticsearch
+ config file.
+
- Restart Elasticsearch.
- Use the browser's back button to return to what you were doing.
diff --git a/src/ui/public/error_allow_explicit_index/error_allow_explicit_index.js b/src/ui/public/error_allow_explicit_index/error_allow_explicit_index.js
index f9f02e167d98..4770ac9d91a6 100644
--- a/src/ui/public/error_allow_explicit_index/error_allow_explicit_index.js
+++ b/src/ui/public/error_allow_explicit_index/error_allow_explicit_index.js
@@ -22,7 +22,6 @@ import { get } from 'lodash';
import uiRoutes from '../routes';
import { KbnUrlProvider } from '../url';
-import './error_allow_explicit_index.less';
import template from './error_allow_explicit_index.html';
uiRoutes
diff --git a/src/ui/public/error_allow_explicit_index/error_allow_explicit_index.less b/src/ui/public/error_allow_explicit_index/error_allow_explicit_index.less
deleted file mode 100644
index 31f7d1f9e384..000000000000
--- a/src/ui/public/error_allow_explicit_index/error_allow_explicit_index.less
+++ /dev/null
@@ -1,3 +0,0 @@
-.error-multi-allow-explicit-index {
- padding: 25px;
-}
diff --git a/src/ui/public/error_auto_create_index/_error_auto_create_index.scss b/src/ui/public/error_auto_create_index/_error_auto_create_index.scss
new file mode 100644
index 000000000000..ad31aabfc66c
--- /dev/null
+++ b/src/ui/public/error_auto_create_index/_error_auto_create_index.scss
@@ -0,0 +1,3 @@
+.kbnError--auto-create-index {
+ padding: $euiSizeL;
+}
diff --git a/src/ui/public/error_auto_create_index/_index.scss b/src/ui/public/error_auto_create_index/_index.scss
new file mode 100644
index 000000000000..42e672ab322d
--- /dev/null
+++ b/src/ui/public/error_auto_create_index/_index.scss
@@ -0,0 +1 @@
+@import './error_auto_create_index'
diff --git a/src/ui/public/error_auto_create_index/error_auto_create_index.html b/src/ui/public/error_auto_create_index/error_auto_create_index.html
index 1b60f8aeff4f..31bf0014af8c 100644
--- a/src/ui/public/error_auto_create_index/error_auto_create_index.html
+++ b/src/ui/public/error_auto_create_index/error_auto_create_index.html
@@ -1,22 +1,21 @@
-
-
- Oh no!
-
+
+
Oh no!
-
- It looks like your Elasticsearch cluster's action.auto_create_index
setting is preventing Kibana from automatically creating an index to store saved objects. Kibana uses this Elasticsearch feature because it is the best way to make sure that the saved object index uses the correct mappings/schema, and it allows Kibana to poll Elasticsearch less often.
+
+ It looks like your Elasticsearch cluster's action.auto_create_index
setting is
+ preventing Kibana from automatically creating an index to store saved objects. Kibana uses this
+ Elasticsearch feature because it is the best way to make sure that the saved object index uses
+ the correct mappings/schema, and it allows Kibana to poll Elasticsearch less often.
-
- Unfortunately, until this issue is fixed you won't be able to save anything in Kibana.
-
+
Unfortunately, until this issue is fixed you won't be able to save anything in Kibana.
-
- Ok, how do I fix this?
-
+
Ok, how do I fix this?
-
- - Remove
action.auto_create_index: false
from your Elasticsearch configuration file
+
+ -
+ Remove
action.auto_create_index: false
from your Elasticsearch configuration file
+
- Restart elasticsearch.
- Use the browser's back button to return to what you were doing.
@@ -28,14 +27,15 @@
aria-label="Info"
role="img"
>
-
+
- The action.auto_create_index
can also define a whitelist of patterns where this feature should be enabled. We don't discuss how to use the setting that way here because it requires knowing all of the other plugins/interactions that rely on the feature for the same reasons that Kibana does.
+ The action.auto_create_index
can also define a whitelist of patterns where this
+ feature should be enabled. We don't discuss how to use the setting that way here because it
+ requires knowing all of the other plugins/interactions that rely on the feature for the same
+ reasons that Kibana does.
diff --git a/src/ui/public/error_auto_create_index/error_auto_create_index.js b/src/ui/public/error_auto_create_index/error_auto_create_index.js
index e812a3f23cbc..66188d57b1cc 100644
--- a/src/ui/public/error_auto_create_index/error_auto_create_index.js
+++ b/src/ui/public/error_auto_create_index/error_auto_create_index.js
@@ -21,7 +21,6 @@ import { get } from 'lodash';
import uiRoutes from '../routes';
-import './error_auto_create_index.less';
import template from './error_auto_create_index.html';
uiRoutes
diff --git a/src/ui/public/error_auto_create_index/error_auto_create_index.less b/src/ui/public/error_auto_create_index/error_auto_create_index.less
deleted file mode 100644
index 99617c157a9f..000000000000
--- a/src/ui/public/error_auto_create_index/error_auto_create_index.less
+++ /dev/null
@@ -1,3 +0,0 @@
-.error-auto-create-index {
- padding: 25px;
-}
diff --git a/src/ui/public/error_url_overflow/_error_url_overflow.scss b/src/ui/public/error_url_overflow/_error_url_overflow.scss
new file mode 100644
index 000000000000..df96d72521a5
--- /dev/null
+++ b/src/ui/public/error_url_overflow/_error_url_overflow.scss
@@ -0,0 +1,3 @@
+.kbnError--url-overflow-app {
+ padding: $euiSizeL;
+}
diff --git a/src/ui/public/error_url_overflow/_index.scss b/src/ui/public/error_url_overflow/_index.scss
new file mode 100644
index 000000000000..15e2f7779826
--- /dev/null
+++ b/src/ui/public/error_url_overflow/_index.scss
@@ -0,0 +1 @@
+@import './error_url_overflow';
diff --git a/src/ui/public/error_url_overflow/error_url_overflow.html b/src/ui/public/error_url_overflow/error_url_overflow.html
index 143ccb25e2db..a21c3a9e32bc 100644
--- a/src/ui/public/error_url_overflow/error_url_overflow.html
+++ b/src/ui/public/error_url_overflow/error_url_overflow.html
@@ -1,19 +1,32 @@
-
-
- Woah there!
-
+
+
Woah there!
- That's a big URL you have there. I have some unfortunate news: Your browser doesn't play nice with Kibana's bacon-double-cheese-burger-with-extra-fries sized URL. To keep you from running into problems Kibana limits URLs in your browser to {{controller.limit}} characters for your safety.
+ That's a big URL you have there. I have some unfortunate news: Your browser doesn't play nice
+ with Kibana's bacon-double-cheese-burger-with-extra-fries sized URL. To keep you from running
+ into problems Kibana limits URLs in your browser to {{ controller.limit }} characters for your
+ safety.
Ok, how do I fix this?
This usually only happens with big, complex dashboards, so you have some options:
- - Enable the
state:storeInSessionStorage
option in the advanced settings. This will prevent the URLs from getting long, but makes them a bit less portable.
- - Remove some stuff from your dashboard. This will reduce the length of the URL and keep IE in a good place.
+ -
+ Enable the
state:storeInSessionStorage
option in the
+ advanced settings. This will prevent the URLs from
+ getting long, but makes them a bit less portable.
+
+ -
+ Remove some stuff from your dashboard. This will reduce the length of the URL and keep IE in a
+ good place.
+
- Don't use IE. Every other supported browser we know of doesn't have this limit.
-
-
-
Foot note: Party size candy bars are tiny. Party size sub sandwiches are massive. Really makes you think.
+
+
+
+ Foot note: Party size candy bars are tiny. Party size sub sandwiches are massive. Really
+ makes you think.
+
diff --git a/src/ui/public/error_url_overflow/error_url_overflow.js b/src/ui/public/error_url_overflow/error_url_overflow.js
index 2ca1049b6e91..1014c20eb4e0 100644
--- a/src/ui/public/error_url_overflow/error_url_overflow.js
+++ b/src/ui/public/error_url_overflow/error_url_overflow.js
@@ -20,7 +20,6 @@
import uiRoutes from '../routes';
import { KbnUrlProvider } from '../url';
-import './error_url_overflow.less';
import template from './error_url_overflow.html';
import { UrlOverflowServiceProvider } from './url_overflow_service';
diff --git a/src/ui/public/error_url_overflow/error_url_overflow.less b/src/ui/public/error_url_overflow/error_url_overflow.less
deleted file mode 100644
index efc1e066d38c..000000000000
--- a/src/ui/public/error_url_overflow/error_url_overflow.less
+++ /dev/null
@@ -1,7 +0,0 @@
-.error-url-overflow-app {
- padding: 25px;
-
- pre {
- white-space: pre-wrap;
- }
-}
diff --git a/src/ui/public/field_editor/_index.scss b/src/ui/public/field_editor/_index.scss
new file mode 100644
index 000000000000..9c94861eb74a
--- /dev/null
+++ b/src/ui/public/field_editor/_index.scss
@@ -0,0 +1 @@
+@import './components/field_format_editor/samples/index';
diff --git a/src/ui/public/field_editor/components/field_format_editor/samples/__snapshots__/samples.test.js.snap b/src/ui/public/field_editor/components/field_format_editor/samples/__snapshots__/samples.test.js.snap
index 812fe2650c51..a1e131d81b0a 100644
--- a/src/ui/public/field_editor/components/field_format_editor/samples/__snapshots__/samples.test.js.snap
+++ b/src/ui/public/field_editor/components/field_format_editor/samples/__snapshots__/samples.test.js.snap
@@ -14,7 +14,7 @@ exports[`FormatEditorSamples should render normally 1`] = `
}
>
{
+ name: intl.formatMessage({
+ id: 'common.ui.fieldEditor.samples.inputHeader',
+ defaultMessage: 'Input',
+ }),
+ render: input => {
return typeof input === 'object' ? JSON.stringify(input) : input;
},
},
{
field: 'output',
- name: intl.formatMessage({ id: 'common.ui.fieldEditor.samples.outputHeader', defaultMessage: 'Output' }),
- render: (output) => {
+ name: intl.formatMessage({
+ id: 'common.ui.fieldEditor.samples.outputHeader',
+ defaultMessage: 'Output',
+ }),
+ render: output => {
return (
);
},
- }
+ },
];
-
return samples.length ? (
}
+ label={
+
+ }
>
a component
b good
diff --git a/src/ui/public/notify/banners/_global_banner_list.scss b/src/ui/public/notify/banners/_global_banner_list.scss
new file mode 100644
index 000000000000..ff260f7dc42f
--- /dev/null
+++ b/src/ui/public/notify/banners/_global_banner_list.scss
@@ -0,0 +1,7 @@
+.kbnGlobalBannerList {
+ padding: $euiSize;
+}
+
+.kbnGlobalBannerList__item + .kbnGlobalBannerList__item {
+ margin-top: $euiSize;
+}
diff --git a/src/ui/public/notify/banners/_index.scss b/src/ui/public/notify/banners/_index.scss
new file mode 100644
index 000000000000..96b9a42385e8
--- /dev/null
+++ b/src/ui/public/notify/banners/_index.scss
@@ -0,0 +1 @@
+@import './global_banner_list';
diff --git a/src/ui/public/notify/banners/global_banner_list.js b/src/ui/public/notify/banners/global_banner_list.js
index ca60ae373853..9a6f120968b0 100644
--- a/src/ui/public/notify/banners/global_banner_list.js
+++ b/src/ui/public/notify/banners/global_banner_list.js
@@ -20,8 +20,6 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
-import './global_banner_list.less';
-
/**
* GlobalBannerList is a list of "banners". A banner something that is displayed at the top of Kibana that may or may not disappear.
*
@@ -33,7 +31,6 @@ import './global_banner_list.less';
* @param {Array} banners The array of banners represented by objects in the form of { id, component }.
*/
export class GlobalBannerList extends Component {
-
static propTypes = {
banners: PropTypes.array,
subscribe: PropTypes.func,
@@ -57,29 +54,15 @@ export class GlobalBannerList extends Component {
}
const flexBanners = this.props.banners.map(banner => {
- const {
- id,
- component,
- priority,
- ...rest
- } = banner;
+ const { id, component, priority, ...rest } = banner;
return (
-
- { component }
+
+ {component}
);
});
- return (
-
- {flexBanners}
-
- );
+ return
{flexBanners}
;
}
}
diff --git a/src/ui/public/notify/banners/global_banner_list.less b/src/ui/public/notify/banners/global_banner_list.less
deleted file mode 100644
index f1ead7231f4f..000000000000
--- a/src/ui/public/notify/banners/global_banner_list.less
+++ /dev/null
@@ -1,7 +0,0 @@
-.globalBanner__list {
- padding: 16px;
-}
-
-.globalBanner__item + .globalBanner__item {
- margin-top: 16px;
-}
diff --git a/src/ui/public/notify/notifier.js b/src/ui/public/notify/notifier.js
index f779b635671b..560966e97b72 100644
--- a/src/ui/public/notify/notifier.js
+++ b/src/ui/public/notify/notifier.js
@@ -25,10 +25,7 @@ import { i18n } from '@kbn/i18n';
const notifs = [];
-const {
- version,
- buildNum,
-} = metadata;
+const { version, buildNum } = metadata;
function closeNotif(notif, cb = _.noop, key) {
return function () {
@@ -68,13 +65,17 @@ function startNotifTimer(notif, cb) {
notif.timeRemaining = Math.floor(notif.lifetime / interval);
- notif.timerId = Notifier.config.setInterval(function () {
- notif.timeRemaining -= 1;
+ notif.timerId = Notifier.config.setInterval(
+ function () {
+ notif.timeRemaining -= 1;
- if (notif.timeRemaining <= 0) {
- closeNotif(notif, cb, 'ignore')();
- }
- }, interval, notif.timeRemaining);
+ if (notif.timeRemaining <= 0) {
+ closeNotif(notif, cb, 'ignore')();
+ }
+ },
+ interval,
+ notif.timeRemaining
+ );
notif.cancelTimer = timerCanceler(notif, cb);
}
@@ -88,7 +89,7 @@ const typeToButtonClassMap = {
danger: 'kuiButton--danger', // NOTE: `error` type is internally named as `danger`
info: 'kuiButton--primary',
};
-const buttonHierarchyClass = (index) => {
+const buttonHierarchyClass = index => {
if (index === 0) {
// first action: primary className
return 'kuiButton--primary';
@@ -121,7 +122,7 @@ function add(notif, cb) {
getButtonClass() {
const buttonTypeClass = typeToButtonClassMap[notif.type];
return `${buttonHierarchyClass(index)} ${buttonTypeClass}`;
- }
+ },
};
});
}
@@ -134,11 +135,11 @@ function add(notif, cb) {
// decorate the notification with helper functions for the template
notif.getButtonClass = () => typeToButtonClassMap[notif.type];
- notif.getAlertClassStack = () => `toast-stack alert ${typeToAlertClassMap[notif.type]}`;
+ notif.getAlertClassStack = () => `kbnToast__stack alert ${typeToAlertClassMap[notif.type]}`;
notif.getIconClass = () => `fa fa-${notif.icon}`;
- notif.getToastMessageClass = () => 'toast-message';
- notif.getAlertClass = () => `toast alert ${typeToAlertClassMap[notif.type]}`;
- notif.getButtonGroupClass = () => 'toast-controls';
+ notif.getToastMessageClass = () => 'kbnToast__message';
+ notif.getAlertClass = () => `kbnToast alert ${typeToAlertClassMap[notif.type]}`;
+ notif.getButtonGroupClass = () => 'kbnToast__controls';
let dup = null;
if (notif.content) {
@@ -175,9 +176,7 @@ export function Notifier(opts) {
// label type thing to say where notifications came from
self.from = opts.location;
- const notificationLevels = [
- 'error',
- ];
+ const notificationLevels = ['error'];
notificationLevels.forEach(function (m) {
self[m] = _.bind(self[m], self);
@@ -189,7 +188,7 @@ Notifier.config = {
errorLifetime: 300000,
infoLifetime: 5000,
setInterval: window.setInterval,
- clearInterval: window.clearInterval
+ clearInterval: window.clearInterval,
};
Notifier.applyConfig = function (config) {
@@ -223,5 +222,6 @@ Notifier.prototype.error = function (err, opts, cb) {
actions: ['report', 'accept'],
stack: formatStack(err)
}, _.pick(opts, overridableOptions));
+
return add(config, cb);
};
diff --git a/src/ui/public/notify/notify.js b/src/ui/public/notify/notify.js
index c892131e8d18..4ed43c1fcfc3 100644
--- a/src/ui/public/notify/notify.js
+++ b/src/ui/public/notify/notify.js
@@ -25,7 +25,6 @@ import { fatalError } from './fatal_error';
import { banners } from './banners';
import { Notifier } from './notifier';
import template from './partials/toaster.html';
-import './notify.less';
import '../filters/markdown';
import '../directives/truncated';
import { FormattedMessage } from '@kbn/i18n/react';
diff --git a/src/ui/public/notify/notify.less b/src/ui/public/notify/notify.less
deleted file mode 100644
index 61317e02c866..000000000000
--- a/src/ui/public/notify/notify.less
+++ /dev/null
@@ -1,83 +0,0 @@
-@import "~ui/styles/mixins";
-
-.toaster-container {
- visibility: visible;
- width: 100%;
-
- .toaster {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- /**
- * 1. Shouldn't look like a button.
- */
- .toaster-countdown {
- appearance: none;
- background: none;
- border: none;
- }
-
- .alert {
- padding: 5px 15px;
- margin: 0;
- border-radius: 0;
- border: 0px;
- }
-
- .toast {
- display: flex;
- align-items: center;
-
- > * {
- flex: 0 0 auto;
- &:not(:last-child) {
- margin-right: 4px;
- }
- }
- }
-
- .toast-message {
- flex: 1 1 auto;
- .ellipsis();
- line-height: normal;
- }
-
- .toast-stack {
- padding-bottom: 10px;
-
- pre {
- display: inline-block;
- width: 100%;
- margin: 10px 0;
- word-break: normal;
- word-wrap: normal;
- white-space: pre-wrap;
- }
- }
-
- .toast-controls {
- display: flex;
- }
-
- .alert-info .badge {
- background: darken(@alert-info-bg, 25%);
- }
- .alert-warning .badge {
- background: darken(@alert-warning-bg, 25%);
- }
- .alert-danger .badge {
- background: darken(@alert-danger-bg, 25%);
- }
-
- .toast-message {
- white-space: normal;
- }
-}
-
-// toast message class for banner needs to be display:block because banner does
-// not have a flex layout, and the styled element could be any kind of element
-.toast-message-banner {
- display: block;
-}
diff --git a/src/ui/public/notify/partials/_index.scss b/src/ui/public/notify/partials/_index.scss
new file mode 100644
index 000000000000..32421b33128c
--- /dev/null
+++ b/src/ui/public/notify/partials/_index.scss
@@ -0,0 +1 @@
+@import './toaster';
diff --git a/src/ui/public/notify/partials/_toaster.scss b/src/ui/public/notify/partials/_toaster.scss
new file mode 100644
index 000000000000..b3584daf9825
--- /dev/null
+++ b/src/ui/public/notify/partials/_toaster.scss
@@ -0,0 +1,63 @@
+.kbnToaster__container {
+ visibility: visible;
+ width: 100%;
+
+ .kbnToaster {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
+
+ /**
+ * 1. Shouldn't look like a button.
+ */
+ .kbnToaster__countdown {
+ appearance: none;
+ background: none;
+ border: none;
+ }
+
+ .alert {
+ padding: $euiSizeXS $euiSize;
+ margin: 0;
+ border-radius: 0;
+ border: none;
+ }
+
+ .kbnToast {
+ display: flex;
+ align-items: center;
+
+ > * {
+ flex: 0 0 auto;
+
+ &:not(:last-child) {
+ margin-right: $euiSizeXS;
+ }
+ }
+ }
+
+ .kbnToast__message {
+ text-overflow: ellipsis;
+ flex: 1 1 auto;
+ line-height: normal;
+ white-space: normal;
+ }
+
+ .kbnToast__stack {
+ padding-bottom: $euiSizeS;
+
+ pre {
+ display: inline-block;
+ width: 100%;
+ margin: $euiSizeS 0;
+ word-break: normal;
+ word-wrap: normal;
+ white-space: pre-wrap;
+ }
+ }
+
+ .kbnToast__controls {
+ display: flex;
+ }
+}
diff --git a/src/ui/public/notify/partials/toaster.html b/src/ui/public/notify/partials/toaster.html
index da2de021f09c..49b229d9c3ab 100644
--- a/src/ui/public/notify/partials/toaster.html
+++ b/src/ui/public/notify/partials/toaster.html
@@ -1,8 +1,7 @@
-
-
+
+
-
-
{{ notif.count }}
@@ -84,14 +83,12 @@
class="euiBadge euiBadge--default"
type="button"
ng-if="notif.isTimed()"
- class="toaster-countdown"
+ class="kbnToaster__countdown"
ng-click="notif.cancelTimer()"
title="Stop"
>
-
- {{notif.timeRemaining}}s
-
+ {{ notif.timeRemaining }}s
@@ -99,7 +96,6 @@
-
diff --git a/src/ui/public/styles/bootstrap/theme.less b/src/ui/public/styles/bootstrap/theme.less
index 52a70a11ac7b..a9746c6a72a5 100644
--- a/src/ui/public/styles/bootstrap/theme.less
+++ b/src/ui/public/styles/bootstrap/theme.less
@@ -121,6 +121,15 @@
.alert-warning { .alert-styles(@alert-warning-bg); }
.alert-danger { .alert-styles(@alert-danger-bg); }
+.alert-info .badge {
+ background: darken(@alert-info-bg, 25%);
+}
+.alert-warning .badge {
+ background: darken(@alert-warning-bg, 25%);
+}
+.alert-danger .badge {
+ background: darken(@alert-danger-bg, 25%);
+}
//
// Progress bars
diff --git a/src/ui/public/styles/theme.less b/src/ui/public/styles/theme.less
index dc975d316107..02cee9ec4bec 100644
--- a/src/ui/public/styles/theme.less
+++ b/src/ui/public/styles/theme.less
@@ -31,13 +31,13 @@
}
.navbar-inverse {
- .logo {
+ .kbnGlobalNav__logoBrand {
height: @navbar-height;
width: 252px;
background-color: @navbar-inverse-brand-bg;
}
- .logo-small {
+ .kbnGlobalNav__smallLogoBrand {
height: @navbar-height;
width: 45px;
background-color: @navbar-inverse-brand-bg;
diff --git a/test/functional/apps/xpack/index.js b/test/functional/apps/xpack/index.js
index 5b5bb60e05ac..39765914e79f 100644
--- a/test/functional/apps/xpack/index.js
+++ b/test/functional/apps/xpack/index.js
@@ -27,26 +27,23 @@ export default function ({ getService, getPageObjects }) {
before(function () {
log.debug('check for X-Pack welcome, opt-out, and dismiss it');
- // find class toaster and see if there's any list items in it?
- return PageObjects.settings.navigateTo()
+ // find class kbnToaster and see if there's any list items in it?
+ return PageObjects.settings
+ .navigateTo()
.then(() => {
return PageObjects.monitoring.getToasterContents();
})
- .then((contents) => {
- // Welcome to X-Pack!
- // Sharing your cluster statistics with us helps us improve. Your data is never shared with anyone. Not interested? Opt out here.
- // Dismiss
+ .then(contents => {
+ // Welcome to X-Pack!
+ // Sharing your cluster statistics with us helps us improve. Your data is never shared with anyone. Not interested? Opt out here.
+ // Dismiss
log.debug('Toast banner contents = ' + contents);
if (contents.includes('X-Pack')) {
- return PageObjects.monitoring.clickOptOut()
- .then(() => {
- return PageObjects.monitoring.dismissWelcome();
- });
+ return PageObjects.monitoring.clickOptOut().then(() => {
+ return PageObjects.monitoring.dismissWelcome();
+ });
}
});
-
});
-
});
-
}
diff --git a/test/functional/page_objects/header_page.js b/test/functional/page_objects/header_page.js
index 803d8266e3c8..4b8f3612332a 100644
--- a/test/functional/page_objects/header_page.js
+++ b/test/functional/page_objects/header_page.js
@@ -28,7 +28,6 @@ export function HeaderPageProvider({ getService, getPageObjects }) {
const defaultFindTimeout = config.get('timeouts.find');
class HeaderPage {
-
async clickSelector(selector) {
log.debug(`clickSelector(${selector})`);
await find.clickByCssSelector(selector);
@@ -198,7 +197,7 @@ export function HeaderPageProvider({ getService, getPageObjects }) {
// check if the auto refresh state is active and to pause it
async pauseAutoRefresh() {
let result = false;
- if (await this.getAutoRefreshState() === 'active') {
+ if ((await this.getAutoRefreshState()) === 'active') {
await testSubjects.click('globalTimepickerAutoRefreshButton');
result = true;
}
@@ -208,7 +207,7 @@ export function HeaderPageProvider({ getService, getPageObjects }) {
// check if the auto refresh state is inactive and to resume it
async resumeAutoRefresh() {
let result = false;
- if (await this.getAutoRefreshState() === 'inactive') {
+ if ((await this.getAutoRefreshState()) === 'inactive') {
await testSubjects.click('globalTimepickerAutoRefreshButton');
result = true;
}
@@ -216,8 +215,10 @@ export function HeaderPageProvider({ getService, getPageObjects }) {
}
async getToastMessage(findTimeout = defaultFindTimeout) {
- const toastMessage =
- await find.displayedByCssSelector('kbn-truncated.toast-message', findTimeout);
+ const toastMessage = await find.displayedByCssSelector(
+ 'kbn-truncated.kbnToast__message',
+ findTimeout
+ );
const messageText = await toastMessage.getVisibleText();
log.debug(`getToastMessage: ${messageText}`);
return messageText;
diff --git a/test/functional/page_objects/monitoring_page.js b/test/functional/page_objects/monitoring_page.js
index ea6fd825ea42..8ae8dc88388f 100644
--- a/test/functional/page_objects/monitoring_page.js
+++ b/test/functional/page_objects/monitoring_page.js
@@ -32,14 +32,13 @@ export function MonitoringPageProvider({ getService }) {
}
async getToasterContents() {
- const el = await find.byCssSelector('div.toaster-container');
+ const el = await find.byCssSelector('div.kbnToaster__container');
return await el.getVisibleText();
}
async clickOptOut() {
return find.clickByLinkText('Opt out here');
}
-
}
return new MonitoringPage();
diff --git a/x-pack/plugins/canvas/public/components/fullscreen/fullscreen.scss b/x-pack/plugins/canvas/public/components/fullscreen/fullscreen.scss
index 0cfdcd29ecf9..9acace1498ba 100644
--- a/x-pack/plugins/canvas/public/components/fullscreen/fullscreen.scss
+++ b/x-pack/plugins/canvas/public/components/fullscreen/fullscreen.scss
@@ -1,6 +1,6 @@
body.canvas-isFullscreen {
// this is a hack that overwrites Kibana's core chrome
- .global-nav.is-global-nav-open + .app-wrapper,
+ .kbnGlobalNav.kbnGlobalNav-isOpen + .app-wrapper,
.app-wrapper {
left: 0;
}
@@ -11,7 +11,7 @@ body.canvas-isFullscreen {
}
// hide all the interface parts
- nav.global-nav, // K6 global side nav
+ nav.kbnGlobalNav, // K6 global side nav
.header-global-wrapper, // K7 global top nav
.canvasLayout__stageHeader,
.canvasLayout__sidebar,
diff --git a/x-pack/plugins/graph/public/templates/_graph.scss b/x-pack/plugins/graph/public/templates/_graph.scss
index 71520354b803..0735f6ca1c83 100644
--- a/x-pack/plugins/graph/public/templates/_graph.scss
+++ b/x-pack/plugins/graph/public/templates/_graph.scss
@@ -1,3 +1,5 @@
+@import 'ui/public/chrome/variables';
+
@mixin gphSvgText() {
font-family: $euiFontFamily;
font-size: $euiSizeS;
@@ -14,11 +16,11 @@
.gphGraph__container {
position: fixed;
height: 100%;
- width: calc(100% - 53px); /* 1 */
+ width: calc(100% - #{$kbnGlobalNavClosedWidth}); /* 1 */
}
-.global-nav.is-global-nav-open + .app-wrapper .gphGraph__container {
- width: calc(100% - 180px); /* 1 */
+.kbnGlobalNav.kbnGlobalNav-isOpen + .app-wrapper .gphGraph__container {
+ width: calc(100% - #{$kbnGlobalNavOpenWidth}); /* 1 */
}
.gphGraph {
@@ -49,7 +51,7 @@
.gphNode__label {
@include gphSvgText;
- cursor:pointer;
+ cursor: pointer;
}
.gphNode__label--html {
diff --git a/x-pack/plugins/ml/public/components/chart_tooltip/chart_tooltip_service.js b/x-pack/plugins/ml/public/components/chart_tooltip/chart_tooltip_service.js
index 53a0a1b7adc7..4eeb7a81b3f2 100644
--- a/x-pack/plugins/ml/public/components/chart_tooltip/chart_tooltip_service.js
+++ b/x-pack/plugins/ml/public/components/chart_tooltip/chart_tooltip_service.js
@@ -32,7 +32,7 @@ mlChartTooltipService.show = function (contents, target, offset = { x: 0, y: 0 }
this.element.html(contents);
// side bar width
- const navOffset = $('.global-nav').width();
+ const navOffset = $('.kbnGlobalNav').width();
const contentWidth = $('body').width() - navOffset - 10;
const tooltipWidth = this.element.width();
const scrollTop = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
diff --git a/x-pack/plugins/ml/public/jobs/new_job/simple/multi_metric/create_job/_create_job.scss b/x-pack/plugins/ml/public/jobs/new_job/simple/multi_metric/create_job/_create_job.scss
index 0b85a380ff92..864a8b6c44d4 100644
--- a/x-pack/plugins/ml/public/jobs/new_job/simple/multi_metric/create_job/_create_job.scss
+++ b/x-pack/plugins/ml/public/jobs/new_job/simple/multi_metric/create_job/_create_job.scss
@@ -252,6 +252,6 @@ ml-multi-metric-job-chart {
// hide the default es loading indicator bar as it can't be switched off
// for standard es searches using the http header.
-.loadingIndicator__bar {
+.kbnLoadingIndicator__bar {
display: none;
}
diff --git a/x-pack/plugins/ml/public/jobs/new_job/simple/population/create_job/_create_job.scss b/x-pack/plugins/ml/public/jobs/new_job/simple/population/create_job/_create_job.scss
index 4ad173c43243..1c67c51a6a37 100644
--- a/x-pack/plugins/ml/public/jobs/new_job/simple/population/create_job/_create_job.scss
+++ b/x-pack/plugins/ml/public/jobs/new_job/simple/population/create_job/_create_job.scss
@@ -288,6 +288,6 @@ ml-population-job-chart {
// hide the default es loading indicator bar as it can't be switched off
// for standard es searches using the http header.
-.loadingIndicator__bar {
+.kbnLoadingIndicator__bar {
display: none;
}
diff --git a/x-pack/plugins/ml/public/jobs/new_job/simple/recognize/create_job/_create_jobs.scss b/x-pack/plugins/ml/public/jobs/new_job/simple/recognize/create_job/_create_jobs.scss
index 21d0cefd5551..0a19ef71ee21 100644
--- a/x-pack/plugins/ml/public/jobs/new_job/simple/recognize/create_job/_create_jobs.scss
+++ b/x-pack/plugins/ml/public/jobs/new_job/simple/recognize/create_job/_create_jobs.scss
@@ -188,6 +188,6 @@
// hide the default es loading indicator bar as it can't be switched off
// for standard es searches using the http header.
-.loadingIndicator__bar {
+.kbnLoadingIndicator__bar {
display: none;
}
diff --git a/x-pack/plugins/ml/public/jobs/new_job/simple/single_metric/create_job/_create_job.scss b/x-pack/plugins/ml/public/jobs/new_job/simple/single_metric/create_job/_create_job.scss
index bb339185a127..c5a3916d5c2d 100644
--- a/x-pack/plugins/ml/public/jobs/new_job/simple/single_metric/create_job/_create_job.scss
+++ b/x-pack/plugins/ml/public/jobs/new_job/simple/single_metric/create_job/_create_job.scss
@@ -205,6 +205,6 @@
// hide the default es loading indicator bar as it can't be switched off
// for standard es searches using the http header.
-.loadingIndicator__bar {
+.kbnLoadingIndicator__bar {
display: none;
}
diff --git a/x-pack/plugins/reporting/export_types/common/layouts/preserve_layout.css b/x-pack/plugins/reporting/export_types/common/layouts/preserve_layout.css
index c923894bfced..d834f382df8b 100644
--- a/x-pack/plugins/reporting/export_types/common/layouts/preserve_layout.css
+++ b/x-pack/plugins/reporting/export_types/common/layouts/preserve_layout.css
@@ -15,9 +15,9 @@
}
/* hide unusable controls */
-.global-nav,
+.kbnGlobalNav,
kbn-top-nav,
-.toaster-container,
+.kbnToaster__container,
filter-bar,
::-webkit-scrollbar {
display: none !important;
diff --git a/x-pack/plugins/reporting/export_types/common/layouts/print.css b/x-pack/plugins/reporting/export_types/common/layouts/print.css
index 1523e56cc61b..4dc1629a444b 100644
--- a/x-pack/plugins/reporting/export_types/common/layouts/print.css
+++ b/x-pack/plugins/reporting/export_types/common/layouts/print.css
@@ -15,9 +15,9 @@
}
/* hide unusable controls */
-.global-nav,
+.kbnGlobalNav,
kbn-top-nav,
-.toaster-container,
+.kbnToaster__container,
filter-bar,
::-webkit-scrollbar {
display: none !important;
diff --git a/x-pack/plugins/spaces/public/views/nav_control/_nav_control.scss b/x-pack/plugins/spaces/public/views/nav_control/_nav_control.scss
index 6feccde1080a..3c08b33cd22d 100644
--- a/x-pack/plugins/spaces/public/views/nav_control/_nav_control.scss
+++ b/x-pack/plugins/spaces/public/views/nav_control/_nav_control.scss
@@ -1,3 +1,3 @@
-.global-nav-link__icon .spaceNavGraphic {
+.kbnGlobalNavLink__icon .spaceNavGraphic {
margin-top: 0.5em;
}
diff --git a/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx b/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx
index 137b4c50a89d..f9ff36c671dd 100644
--- a/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx
+++ b/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx
@@ -10,10 +10,10 @@ import { ButtonProps } from '../types';
export class SpacesGlobalNavButton extends Component {
public render() {
return (
-
-