neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix overflow issue in extensions table (#7767)

Browse Source
This commit is contained in:
Vadim 2022-06-21 07:07:47 +03:00 committed by GitHub
parent b67dccfc1b
commit 2caf3eded9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/page-settings/src/Metadata/Extensions.tsx
View File

@ -4,6 +4,7 @@
import type { ChainInfo } from '../types';
import React, { useCallback, useMemo, useRef, useState } from 'react';
import styled from 'styled-components';
import { emptyLogos, extensionLogos } from '@polkadot/apps-config';
import { Button, Dropdown, Spinner, Table } from '@polkadot/react-components';
@ -53,7 +54,6 @@ function Extensions ({ chainInfo, className }: Props): React.ReactElement<Props>
empty={t<string>('No Upgradable extensions')}
header={headerRef.current}
>
{extensions
? options.length !== 0 && (
<>
@ -83,9 +83,12 @@ function Extensions ({ chainInfo, className }: Props): React.ReactElement<Props>
)
: <Spinner />
}
</Table>
);
}
export default React.memo(Extensions);
export default React.memo(styled(Extensions)`
table {
overflow: visible;
}
`);

4
packages/page-settings/src/Metadata/index.tsx
View File

@ -16,9 +16,7 @@ export default function Metadata (): React.ReactElement {
return (
<>
{!isDevelopment && (
<>
<Extensions chainInfo={chainInfo} />
</>
<Extensions chainInfo={chainInfo} />
)}
<NetworkSpecs chainInfo={chainInfo} />
</>