Adjust external table links (collapse if none) (#2932)

This commit is contained in:
Jaco Greeff 2020-06-11 09:54:56 +02:00 committed by GitHub
parent b120349ee2
commit 3bbf2ab3be
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 24 additions and 14 deletions

View File

@ -132,8 +132,8 @@ function Overview ({ className = '', onStatusChange }: Props): React.ReactElemen
[t('tags'), 'start'],
[t('transactions'), 'ui--media-1500'],
[t('balances')],
[undefined, undefined],
[undefined, 'ui--media-1400']
[],
[undefined, 'mini ui--media-1400']
], [t]);
const footer = useMemo(() => (

View File

@ -44,8 +44,8 @@ function Overview ({ className = '', onStatusChange }: Props): React.ReactElemen
[t('tags'), 'start'],
[t('transactions'), 'ui--media-1500'],
[t('balances')],
[undefined, undefined],
[undefined, 'ui--media-1400']
[],
[undefined, 'mini ui--media-1400']
], [t]);
const filter = useMemo(() => (

View File

@ -31,7 +31,8 @@ function Proposals ({ className = '', motions, prime }: Props): React.ReactEleme
[t('voting end')],
[t('aye'), 'address'],
[t('nay'), 'address'],
[undefined, undefined, 2]
[],
[undefined, 'mini']
], [t]);
return (

View File

@ -23,8 +23,8 @@ function DispatchQueue ({ className }: Props): React.ReactElement<Props> | null
const header = useMemo(() => [
[t('dispatch queue'), 'start', 2],
[t('enact')],
[undefined, undefined],
[undefined, 'ui--media-1000']
[],
[undefined, 'mini ui--media-1000']
], [t]);
return (

View File

@ -25,7 +25,7 @@ function Proposals ({ className }: Props): React.ReactElement<Props> {
[t('proposer'), 'address'],
[t('locked'), 'ui--media-1200'],
[undefined, undefined, 2],
[undefined, 'ui--media-1000']
[undefined, 'mini ui--media-1000']
], [t]);
return (

View File

@ -26,7 +26,7 @@ function Referendums ({ className = '', referendums }: Props): React.ReactElemen
[t('aye')],
[t('nay')],
[undefined, undefined, 2],
[undefined, 'ui--media-1000']
[undefined, 'mini ui--media-1000']
], [t]);
return (

View File

@ -35,7 +35,8 @@ function ProposalsBase ({ className = '', isApprovals, isMember, members, propos
[t('beneficiary'), 'address'],
[t('payment')],
[t('bond')],
[undefined, undefined, 2]
[],
[undefined, 'mini']
], [isApprovals, t]);
return (

View File

@ -125,11 +125,15 @@ export default React.memo(styled(Body)`
}
&.mini {
max-width: 4rem;
min-width: 4rem;
padding: 0 0.75rem 0 0;
width: 4rem;
padding: 0 !important;
width: fit-content;
white-space: normal;
> div {
margin-right: 0.75rem;
max-width: 3.8rem;
min-width: 3.8rem;
}
}
&.favorite i.icon.isSelected {

View File

@ -66,6 +66,10 @@ export default React.memo(styled(Head)`
cursor: pointer;
}
&.mini {
padding: 0 !important;
}
&.start {
text-align: left;
}