📌 fix(pricing-search): make search bar sticky within PricingContent (#1365)
* 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.
This commit is contained in:
@@ -30,7 +30,10 @@ const PricingContent = (props) => {
|
|||||||
padding: '16px 24px',
|
padding: '16px 24px',
|
||||||
borderBottom: '1px solid var(--semi-color-border)',
|
borderBottom: '1px solid var(--semi-color-border)',
|
||||||
backgroundColor: 'var(--semi-color-bg-0)',
|
backgroundColor: 'var(--semi-color-bg-0)',
|
||||||
flexShrink: 0
|
flexShrink: 0,
|
||||||
|
position: 'sticky',
|
||||||
|
top: 0,
|
||||||
|
zIndex: 5,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<PricingSearchBar {...props} />
|
<PricingSearchBar {...props} />
|
||||||
|
|||||||
Reference in New Issue
Block a user