From 1c8e4ed5591e2a9d0642170196e0f72b59bb0d1a Mon Sep 17 00:00:00 2001 From: weidai00 <44938184+weidai00@users.noreply.github.com> Date: Thu, 16 Jul 2026 22:03:59 +0800 Subject: [PATCH 1/2] fix: enable horizontal scroll in Browse table, remove text truncation Updated styles for data table and cell copy components. Signed-off-by: weidai00 --- .../src/pages/collections/CollectionDetailPage.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/frontend/src/pages/collections/CollectionDetailPage.css b/apps/frontend/src/pages/collections/CollectionDetailPage.css index ef7d9e0..f978585 100644 --- a/apps/frontend/src/pages/collections/CollectionDetailPage.css +++ b/apps/frontend/src/pages/collections/CollectionDetailPage.css @@ -601,7 +601,7 @@ background: var(--zv-color-surface); border-radius: var(--zv-radius-md); border: 1px solid var(--zv-color-border); - overflow: hidden; + overflow-x: auto; } .zv-data-toolbar { padding: 12px 20px; @@ -1149,12 +1149,12 @@ details[open] .zv-query-params-summary::before { display: inline-flex; align-items: center; gap: 4px; - max-width: 300px; + max-width: none; } .zv-cell-copy__text { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: visible; + text-overflow: unset; + white-space: normal; } .zv-cell-copy__btn { background: none; From a792b531eb0efc40417f5d6a55b403905281f0ef Mon Sep 17 00:00:00 2001 From: "xufeihong.xfh" Date: Mon, 10 Aug 2026 15:47:49 +0800 Subject: [PATCH 2/2] fix: bound wrapping table cells Signed-off-by: xufeihong.xfh --- .../src/pages/collections/CollectionDetailPage.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/apps/frontend/src/pages/collections/CollectionDetailPage.css b/apps/frontend/src/pages/collections/CollectionDetailPage.css index f978585..442de10 100644 --- a/apps/frontend/src/pages/collections/CollectionDetailPage.css +++ b/apps/frontend/src/pages/collections/CollectionDetailPage.css @@ -1149,12 +1149,13 @@ details[open] .zv-query-params-summary::before { display: inline-flex; align-items: center; gap: 4px; - max-width: none; + width: max-content; + max-width: 300px; } .zv-cell-copy__text { - overflow: visible; - text-overflow: unset; + min-width: 0; white-space: normal; + overflow-wrap: anywhere; } .zv-cell-copy__btn { background: none;