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

[APM] Documentation and alignment for impact column #47602

Merged
merged 3 commits into from
Oct 8, 2019

Conversation

smith
Copy link
Contributor

@smith smith commented Oct 8, 2019

In the traces and transactions tables, left align the impact column heading and add a tooltip explaining what it means.

Fixes #44313
Fixes #28559

image

Copy link
Member

@bmorelli25 bmorelli25 left a comment

Choose a reason for hiding this comment

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

Oh, nice! Since this is a tool tip, I don't think we need to explicitly say "Impact is..". What about something like this:

The most used and slowest endpoints in your service. Calculated by multiplying the relative average duration with the number of transactions per minute.

Copy link
Member

@sorenlouv sorenlouv left a comment

Choose a reason for hiding this comment

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

Nice enhancement!

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Copy link
Contributor

@formgeist formgeist left a comment

Choose a reason for hiding this comment

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

Looks great @smith 👍

Comment on lines 88 to 110
name: (
<EuiToolTip
content={i18n.translate(
'xpack.apm.tracesTable.impactColumnDescription',
{
defaultMessage:
"The most used and slowest endpoints in your service. It's calculated by taking the relative average duration times the number of transactions per minute."
}
)}
>
<>
{i18n.translate('xpack.apm.tracesTable.impactColumnLabel', {
defaultMessage: 'Impact'
})}
</>
</EuiToolTip>
),
Copy link
Contributor

Choose a reason for hiding this comment

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

EUI has an example in their tables docs where they add a small icon to indicate that there's some more information on the table name.

Screenshot 2019-10-08 at 20 20 51

name: (
          <EuiToolTip content="Their mascot is the Octokitty">
            <span>
              Github{' '}
              <EuiIcon
                size="s"
                color="subdued"
                type="questionInCircle"
                className="eui-alignTop"
              />
            </span>
          </EuiToolTip>
        )

Would we be able to add this in as a small visual enhancement too?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Added in 684e12d.

smith added 3 commits October 8, 2019 13:29
In the traces and transactions tables, left align the impact column heading and add a tooltip explaining what it means.

Fixes elastic#44313
Fixes elastic#28559
@smith smith force-pushed the nls/44313/impact branch from c21975f to 684e12d Compare October 8, 2019 18:34
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@smith smith merged commit c6c397f into elastic:master Oct 8, 2019
@smith smith deleted the nls/44313/impact branch October 8, 2019 20:05
smith added a commit to smith/kibana that referenced this pull request Oct 10, 2019
In the traces and transactions tables, left align the impact column heading and add a tooltip explaining what it means.

Fixes elastic#44313
Fixes elastic#28559
@sorenlouv sorenlouv added the apm:test-plan-done Pull request that was successfully tested during the test plan label Oct 21, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
apm:test-plan-done Pull request that was successfully tested during the test plan release_note:enhancement v7.5.0
Projects
None yet
5 participants