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

[UnifiedFieldList] Fix item line breaks (#172954)

Browse source 
- Closes https://github.com/elastic/kibana/issues/170312

## Summary

Before:
<img width="326" alt="Screenshot 2023-12-08 at 15 55 43"
src="f1fad658-8305-4b45-b7e3-9059c37b5ef3">

After:
<img width="327" alt="Screenshot 2023-12-08 at 15 56 14"
src="50227a61-c092-4e63-83ce-6e12c95d1e32">
This commit is contained in:
Julia Rechkunova 2023-12-09 10:01:06 +01:00 • committed by GitHub
parent 68139ca047
commit d41889bf39
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
packages/kbn-react-field/src/field_button/__snapshots__/field_button.test.tsx.snap generated
View file

@ -9,7 +9,7 @@ exports[`fieldAction is rendered 1`] = `
onClick={[Function]}
>
<span
className="kbnFieldButton__name"
className="kbnFieldButton__name eui-textBreakAll"
>
<span
className="kbnFieldButton__nameInner"
@ -44,7 +44,7 @@ exports[`fieldIcon is rendered 1`] = `
</span>
</span>
<span
className="kbnFieldButton__name"
className="kbnFieldButton__name eui-textBreakAll"
>
<span
className="kbnFieldButton__nameInner"
@ -65,7 +65,7 @@ exports[`isActive defaults to false 1`] = `
onClick={[Function]}
>
<span
className="kbnFieldButton__name"
className="kbnFieldButton__name eui-textBreakAll"
>
<span
className="kbnFieldButton__nameInner"
@ -86,7 +86,7 @@ exports[`isActive renders true 1`] = `
onClick={[Function]}
>
<span
className="kbnFieldButton__name"
className="kbnFieldButton__name eui-textBreakAll"
>
<span
className="kbnFieldButton__nameInner"
@ -107,7 +107,7 @@ exports[`sizes s is applied 1`] = `
onClick={[Function]}
>
<span
className="kbnFieldButton__name"
className="kbnFieldButton__name eui-textBreakAll"
>
<span
className="kbnFieldButton__nameInner"
@ -128,7 +128,7 @@ exports[`sizes xs is applied 1`] = `
onClick={[Function]}
>
<span
className="kbnFieldButton__name"
className="kbnFieldButton__name eui-textBreakAll"
>
<span
className="kbnFieldButton__nameInner"
@ -156,7 +156,7 @@ exports[`with drag handle is rendered 1`] = `
onClick={[Function]}
>
<span
className="kbnFieldButton__name"
className="kbnFieldButton__name eui-textBreakAll"
>
<span
className="kbnFieldButton__nameInner"

1
packages/kbn-react-field/src/field_button/field_button.scss
View file

@ -30,7 +30,6 @@
.kbnFieldButton__name {
flex-grow: 1;
word-break: break-word;
padding: 0 $euiSizeS;
}

2
packages/kbn-react-field/src/field_button/field_button.tsx
View file

@ -103,7 +103,7 @@ export function FieldButton({
<>
{fieldIcon && <span className="kbnFieldButton__fieldIcon">{fieldIcon}</span>}
{fieldName && (
<span className="kbnFieldButton__name">
<span className="kbnFieldButton__name eui-textBreakAll">
<span className="kbnFieldButton__nameInner">{fieldName}</span>
</span>
)}