mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 17:28:26 -04:00
[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:
parent
5116e76e1c
commit
84fa85a641
1 changed files with 2 additions and 0 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue