LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix(trading): add overflow hidden to candles tab container (#4803)

Browse Source
This commit is contained in:
Bartłomiej Głownia 2023-09-15 14:13:05 +02:00 committed by GitHub
parent e944d3e37c
commit 3de5b07495
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/trading/client-pages/market/trade-grid.tsx
View File

@ -56,6 +56,7 @@ const MainGrid = memo(
<Tabs storageKey="console-trade-grid-main-left"> <Tabs storageKey="console-trade-grid-main-left">
<Tab <Tab
id="chart" id="chart"
overflowHidden
name={t('Chart')} name={t('Chart')}
menu={<TradingViews.candles.menu />} menu={<TradingViews.candles.menu />}
> >

5
libs/ui-toolkit/src/components/tabs/tabs.tsx
View File

@ -113,7 +113,9 @@ export const Tabs = ({
return ( return (
<TabsPrimitive.Content <TabsPrimitive.Content
value={child.props.id} value={child.props.id}
className="h-full" className={classNames('h-full', {
'overflow-hidden': child.props.overflowHidden,
})}
data-testid={`tab-${child.props.id}`} data-testid={`tab-${child.props.id}`}
> >
{child.props.children} {child.props.children}
@ -131,6 +133,7 @@ interface TabProps {
name: string; name: string;
indicator?: ReactNode; indicator?: ReactNode;
hidden?: boolean; hidden?: boolean;
overflowHidden?: boolean;
menu?: ReactNode; menu?: ReactNode;
} }