commit 92c0e96770b1cf48c7d18b33d89b3774c5c5a6b8
author Wolfgang Beyer <wolfi@chromium.org> Thu Mar 03 16:44:41 2022
committer Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com> Thu Mar 03 17:25:56 2022
tree f58787788ec60201627d5d2e3a9e3e6c4d29c05a
parent 03bbab3e4581ad12b43fd528e39dc03311ef734b

ExpandableList: Allow `overflow: hidden` for long content

This allows the rows of and expandable list to not overflow and show
an ellipsis (...) instead.

This will be used in https://crrev.com/c/3474160.

Bug: 1288158
Change-Id: I53fe095f6a5d808073c7949769d70467601ad66c
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3500428
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Commit-Queue: Wolfgang Beyer <wolfi@chromium.org>

front_end/ui/components/expandable_list/expandableList.css

diff --git a/front_end/ui/components/expandable_list/expandableList.css b/front_end/ui/components/expandable_list/expandableList.css
index 47b3c10..9599408 100644
--- a/front_end/ui/components/expandable_list/expandableList.css
+++ b/front_end/ui/components/expandable_list/expandableList.css
@@ -4,6 +4,10 @@
  * found in the LICENSE file.
  */
 
+:host {
+  overflow: hidden;
+}
+
 div {
   line-height: 1.7em;
 }
@@ -53,3 +57,9 @@
   font-family: inherit;
   font-size: inherit;
 }
+
+.text-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}