ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: stop nft id tag from getting cut off (#5049)

Browse Source 
* init

* respond to comments

* fix
This commit is contained in:
lynn 2022-11-01 15:46:50 -04:00 committed by GitHub
parent 619c0a0f46
commit d3a2e14d4d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/nft/components/collection/Activity.css.ts
View File

@ -74,9 +74,6 @@ export const detailsName = style([
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
}),
{
lineHeight: '24px',
},
])
export const eventDetail = style([

46
src/nft/components/collection/ActivityCells.tsx
View File

@ -259,31 +259,33 @@ const Ranking = ({ rarity, collectionName, rarityVerified }: RankingProps) => {
const rarityProviderLogo = getRarityProviderLogo(rarity.source)
return (
<MouseoverTooltip
text={
<Row>
<Box display="flex" marginRight="4">
<img src={rarityProviderLogo} alt="cardLogo" width={16} />
<Box>
<MouseoverTooltip
text={
<Row>
<Box display="flex" marginRight="4">
<img src={rarityProviderLogo} alt="cardLogo" width={16} />
</Box>
<Box width="full" fontSize="14">
{rarityVerified
? `Verified by ${collectionName}`
: `Ranking by ${rarity.source === 'Genie' ? fallbackProvider : rarity.source}`}
</Box>
</Row>
}
placement="top"
>
<Box className={styles.rarityInfo}>
<Box paddingTop="2" paddingBottom="2" display="flex">
{putCommas(rarity.rank)}
</Box>
<Box width="full" fontSize="14">
{rarityVerified
? `Verified by ${collectionName}`
: `Ranking by ${rarity.source === 'Genie' ? fallbackProvider : rarity.source}`}
</Box>
</Row>
}
placement="top"
>
<Box className={styles.rarityInfo}>
<Box paddingTop="2" paddingBottom="2" display="flex">
{putCommas(rarity.rank)}
</Box>
<Box display="flex" height="16">
{rarityVerified ? <RarityVerifiedIcon /> : null}
<Box display="flex" height="16">
{rarityVerified ? <RarityVerifiedIcon /> : null}
</Box>
</Box>
</Box>
</MouseoverTooltip>
</MouseoverTooltip>
</Box>
)
}