[Unified Data Table] Fix visual line clamping with EuiDescriptionList description (#186570)

## Summary

See https://github.com/elastic/eui/issues/7780#issuecomment-2179754777

### Before
<img width="651" alt=""
src="f527216b-06ba-42e2-8774-c227d4263aaf">

### After
<img width="643" alt=""
src="652352bd-79e4-4c7c-8e79-0479178b55c3">

### Checklist

Delete any items that are not applicable to this PR.

- ~[ ] Any UI touched in this PR is usable by keyboard only (learn more
about [keyboard
accessibility](https://webaim.org/techniques/keyboard/))~
- [x] Any UI touched in this PR does not create any new axe failures
(run axe in browser:
[FF](https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/),
[Chrome](https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US))
- [x] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [x] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Cee Chen 2024-06-26 09:47:40 -07:00 committed by GitHub
parent 5116e76e1c
commit 84fa85a641
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -138,6 +138,7 @@
padding-inline: 0;
background: transparent;
font-weight: $euiFontWeightBold;
line-height: inherit; // Required for EuiDataGrid lineCount to work correctly
}
.unifiedDataTable__descriptionListDescription {
@ -145,6 +146,7 @@
padding-inline: 0;
word-break: break-all;
white-space: normal;
line-height: inherit; // Required for EuiDataGrid lineCount to work correctly
// Special handling for images coming from the image field formatter
img {