Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Small improvements to add cluster page #29142

Merged
merged 5 commits into from
Jan 23, 2019

Conversation

pcsanwald
Copy link

Summary

Fixes #28514. Adds two clarifying points to the add cluster page:

  1. Text that makes the seed nodes host:port text clearer

screen shot 2019-01-22 at 6 04 18 pm

  1. Adds a tooltip to not connected cluster that explains more about what "not connected" means.

screen shot 2019-01-22 at 6 06 01 pm

Checklist

For maintainers

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@cjcenizal cjcenizal added v7.0.0 Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more v6.7.0 labels Jan 23, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/es-ui

Copy link
Contributor

@cjcenizal cjcenizal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks great! I tested the UI locally. I spotted a couple things we can improve, but once they're addressed this looks ready to merge.

color="subdued"
content={seedNodeTooltip}
/>
</EuiFlexItem>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can nest the X icon and "Not connected" text inside another flex group, to get the tooltip to center over the icon like this:

image

<EuiFlexGroup gutterSize="s" alignItems="center">
  <EuiFlexItem grow={false}>
    <EuiFlexGroup gutterSize="s" alignItems="center">
      <EuiFlexItem grow={false}>
        {icon}
      </EuiFlexItem>

      <EuiFlexItem>
        <EuiText>
          {message}
        </EuiText>
      </EuiFlexItem>
    </EuiFlexGroup>
  </EuiFlexItem>

  <EuiFlexItem grow={false}>
    <EuiIconTip
      color="subdued"
      content={seedNodeTooltip}
    />
  </EuiFlexItem>
</EuiFlexGroup>

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Here's an updated screenshot from local test
screen shot 2019-01-23 at 11 03 14 am

@@ -54,6 +59,13 @@ export function ConnectionStatus({ isConnected }) {
{message}
</EuiText>
</EuiFlexItem>
<EuiFlexItem>
<EuiIconTip
type="iInCircle"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

iInCircle is the default value for type, so we can remove this.

Copy link
Contributor

@cjcenizal cjcenizal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚀 LGTM!

Copy link
Contributor

@bmcconaghy bmcconaghy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@pcsanwald pcsanwald merged commit e706908 into elastic:master Jan 23, 2019
cjcenizal pushed a commit to cjcenizal/kibana that referenced this pull request Jan 23, 2019
Improve text around what port should be entered, and add a tooltip that explains the "Not Connected" error message.
cjcenizal added a commit that referenced this pull request Jan 23, 2019
Improve text around what port should be entered, and add a tooltip that explains the "Not Connected" error message.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:CCR and Remote Clusters Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more v6.7.0 v7.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants