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

Styling tweaks (#2066)

Browse Source 
* Styling tweaks

* Linting
This commit is contained in:
Jaco Greeff 2019-12-17 16:07:30 +01:00 committed by GitHub
parent 94360f98ac
commit 6adb79684c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app-treasury/src/Overview/Proposal.tsx
View File

@ -36,7 +36,7 @@ function ProposalDisplay ({ className, proposal: { council, id, proposal }, t }:
</td>
<td className='top'>
<AddressMini
label={<label>{t('beneficiary')}</label>}
label={t('beneficiary')}
value={proposal.beneficiary}
/>
</td>

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

@ -109,7 +109,6 @@ export default styled(AddressMini)`
}
.ui--AddressMini-address {
font-family: monospace;
max-width: 9rem;
min-width: 9rem;
overflow: hidden;

28
packages/react-query/src/AccountName.tsx
View File

@ -67,12 +67,15 @@ function AccountName ({ children, className, defaultName, label, onClick, overri
if (api.query.identity?.identityOf) {
if (identity?.displayName) {
const { judgements, displayName } = identity;
const isGood = judgements.some(([, judgement]): boolean => judgement.isKnownGood || judgement.isReasonable);
const isBad = judgements.some(([, judgement]): boolean => judgement.isErroneous || judgement.isLowQuality);
const isGood = identity.judgements.some(([, judgement]): boolean => judgement.isKnownGood || judgement.isReasonable);
const isBad = identity.judgements.some(([, judgement]): boolean => judgement.isErroneous || judgement.isLowQuality);
// FIXME This needs to be i18n, with plurals
const hover = `${judgements.length ? judgements.length : 'no'} judgement${judgements.length === 1 ? '' : 's'}${judgements.length ? ': ' : ''}${judgements.map(([, judgement]): string => judgement.toString()).join(', ')}`;
const hover = (
<div className='hover-identity'>
<div className='header'>{`${identity.judgements.length ? identity.judgements.length : 'no'} judgement${identity.judgements.length === 1 ? '' : 's'}${identity.judgements.length ? ': ' : ''}${identity.judgements.map(([, judgement]): string => judgement.toString()).join(', ')}`}</div>
</div>
);
const name = (
<div className='via-identity'>
@ -90,7 +93,7 @@ function AccountName ({ children, className, defaultName, label, onClick, overri
: 'gray'
}
/>
<div className='name'>{displayName.toUpperCase()}</div>
<div className='name'>{identity.displayName.toUpperCase()}</div>
</div>
);
@ -125,6 +128,21 @@ function AccountName ({ children, className, defaultName, label, onClick, overri
}
export default styled(AccountName)`
.hover-identity {
div+div {
margin-top: 0.75rem;
}
table {
border: 0;
td:first-child {
padding-right: 0.25rem;
text-align: right;
}
}
}
.via-identity {
display: inline-block;