github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 17:59:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Discover] Add hover title on sidebar fieldname (#58384) (#58696)

Browse source 
* Convert tooltip to use EuiToolTip

* Update tests
This commit is contained in:
Matthias Wilhelm 2020-02-27 10:26:39 +01:00 • committed by GitHub
parent 2a7d22993f
commit bb8c6548fe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/legacy/core_plugins/kibana/public/discover/np_ready/angular/directives/field_name/__snapshots__/field_name.test.tsx.snap generated
View file

@ -28,9 +28,11 @@ exports[`FieldName renders a geo field, useShortDots is set to true 1`] = `
class="euiFlexItem eui-textTruncate"
>
<span
class="dscFieldName__displayName eui-textTruncate"
class="euiToolTipAnchor eui-textTruncate"
>
t.t.test
<span>
t.t.test
</span>
</span>
</div>
</div>
@ -64,9 +66,11 @@ exports[`FieldName renders a number field by providing a field record, useShortD
class="euiFlexItem eui-textTruncate"
>
<span
class="dscFieldName__displayName eui-textTruncate"
class="euiToolTipAnchor eui-textTruncate"
>
test.test.test
<span>
test.test.test
</span>
</span>
</div>
</div>
@ -100,9 +104,11 @@ exports[`FieldName renders a string field by providing fieldType and fieldName 1
class="euiFlexItem eui-textTruncate"
>
<span
class="dscFieldName__displayName eui-textTruncate"
class="euiToolTipAnchor eui-textTruncate"
>
test
<span>
test
</span>
</span>
</div>
</div>

11
src/legacy/core_plugins/kibana/public/discover/np_ready/angular/directives/field_name/field_name.tsx
View file

@ -18,7 +18,7 @@
*/
import React from 'react';
import classNames from 'classnames';
import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { EuiFlexGroup, EuiFlexItem, EuiToolTip } from '@elastic/eui';
import { FieldIcon, FieldIconProps } from '../../../../../../../../../plugins/kibana_react/public';
import { shortenDottedString } from '../../../../../../../../../plugins/data/common/utils';
@ -64,7 +64,14 @@ export function FieldName({ field, fieldName, fieldType, useShortDots, fieldIcon
/>
</EuiFlexItem>
<EuiFlexItem className="eui-textTruncate">
<span className="dscFieldName__displayName eui-textTruncate">{displayName}</span>
<EuiToolTip
position="top"
content={displayName}
delay="long"
anchorClassName="eui-textTruncate"
>
<span>{displayName}</span>
</EuiToolTip>
</EuiFlexItem>
</EuiFlexGroup>
);