From 902aee4e6b78cfc9904b2a2d59e789e8bafc58c1 Mon Sep 17 00:00:00 2001 From: t0ng7u Date: Wed, 23 Jul 2025 02:28:43 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=8C=20fix(pricing-search):=20make=20se?= =?UTF-8?q?arch=20bar=20sticky=20within=20PricingContent=20(#1365)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Added `position: sticky; top: 0; z-index: 5;` to search bar container – keeps the bar fixed while the table body scrolls * Preserves previous padding, border and background styles * Improves usability by ensuring quick access to search & actions during long list navigation • PricingTable • Added `compactMode` prop; strips fixed columns and sets `scroll={compactMode ? undefined : { x: 'max-content' }}` • Processes columns to remove `fixed` in compact mode • PricingPage & index.css • Added `.pricing-scroll-hide` utility to hide Y-axis scrollbar for `Sider` & `Content` • Responsive / style refinements • Sidebar width adjusted to 460px • Scrollbars hidden uniformly across pricing modules These changes complete the model-pricing UI refactor, ensuring clean scrolling, responsive filters, and fixed availability column for better usability. --- web/src/components/table/model-pricing/PricingContent.jsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/web/src/components/table/model-pricing/PricingContent.jsx b/web/src/components/table/model-pricing/PricingContent.jsx index 17162b63..c20487e9 100644 --- a/web/src/components/table/model-pricing/PricingContent.jsx +++ b/web/src/components/table/model-pricing/PricingContent.jsx @@ -30,7 +30,10 @@ const PricingContent = (props) => { padding: '16px 24px', borderBottom: '1px solid var(--semi-color-border)', backgroundColor: 'var(--semi-color-bg-0)', - flexShrink: 0 + flexShrink: 0, + position: 'sticky', + top: 0, + zIndex: 5, }} >