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

AddressMini withShrink

Browse Source
This commit is contained in:
Jaco Greeff 2019-12-02 14:04:08 +01:00
parent 44e09acec3
commit 9aeec2ab1d
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/app-democracy/src/Overview/Proposal.tsx
View File

@ -40,6 +40,7 @@ function Proposal ({ className, t, value: { balance, index, proposal, proposer,
label={count ? undefined : t('seconds')}
value={address}
withBalance={false}
withShrink
/>
))}
</td>

17
packages/react-components/src/AddressMini.tsx
View File

@ -32,16 +32,17 @@ interface Props extends BareProps {
withBonded?: boolean;
withLockedVote?: boolean;
withName?: boolean;
withShrink?: boolean;
}
function AddressMini ({ balance, bonded, children, className, iconInfo, isPadded = true, label, style, value, withAddress = true, withBalance = false, withBonded = false, withLockedVote = false, withName = true }: Props): React.ReactElement<Props> | null {
function AddressMini ({ balance, bonded, children, className, iconInfo, isPadded = true, label, style, value, withAddress = true, withBalance = false, withBonded = false, withLockedVote = false, withName = true, withShrink = false }: Props): React.ReactElement<Props> | null {
if (!value) {
return null;
}
return (
<div
className={classes('ui--AddressMini', isPadded ? 'padded' : '', className)}
className={classes('ui--AddressMini', isPadded ? 'padded' : '', withShrink ? 'withShrink' : '', className)}
style={style}
>
{label && (
@ -110,9 +111,21 @@ export default styled(AddressMini)`
.ui--AddressMini-address {
font-family: monospace;
max-width: 9rem;
min-width: 9rem;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
> div {
overflow: hidden;
text-overflow: ellipsis;
}
}
&.withShrink {
.ui--AddressMini-address {
min-width: 3rem;
}
}
.ui--AddressMini-label {