djsundog/tootlab-mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-02-03 05:23:18 -05:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Add hover cards to follow suggestions

Browse Source 
Port e97335191d6da32c3785664a82dd97b035b74449 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Claire 2025-01-27 17:24:41 +01:00
parent 560eaff2c4
commit e736363e77
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/flavours/glitch/features/explore/components/card.jsx
View File

@ -55,11 +55,11 @@ export const Card = ({ id, source }) => {
</div> </div>
<div className='explore__suggestions__card__body'> <div className='explore__suggestions__card__body'>
<Link to={`/@${account.get('acct')}`}><Avatar account={account} size={48} /></Link> <Link to={`/@${account.get('acct')}`} data-hover-card-account={account.id}><Avatar account={account} size={48} /></Link>
<div className='explore__suggestions__card__body__main'> <div className='explore__suggestions__card__body__main'>
<div className='explore__suggestions__card__body__main__name-button'> <div className='explore__suggestions__card__body__main__name-button'>
<Link className='explore__suggestions__card__body__main__name-button__name' to={`/@${account.get('acct')}`}><DisplayName account={account} /></Link> <Link className='explore__suggestions__card__body__main__name-button__name' to={`/@${account.get('acct')}`} data-hover-card-account={account.id}><DisplayName account={account} /></Link>
<IconButton iconComponent={CloseIcon} onClick={handleDismiss} title={intl.formatMessage(messages.dismiss)} /> <IconButton iconComponent={CloseIcon} onClick={handleDismiss} title={intl.formatMessage(messages.dismiss)} />
<FollowButton accountId={account.get('id')} /> <FollowButton accountId={account.get('id')} />
</div> </div>

4
app/javascript/flavours/glitch/features/home_timeline/components/inline_follow_suggestions.tsx
View File

@ -145,13 +145,13 @@ const Card: React.FC<{
/> />
<div className='inline-follow-suggestions__body__scrollable__card__avatar'> <div className='inline-follow-suggestions__body__scrollable__card__avatar'>
<Link to={`/@${account?.acct}`}> <Link to={`/@${account?.acct}`} data-hover-card-account={account?.id}>
<Avatar account={account} size={72} /> <Avatar account={account} size={72} />
</Link> </Link>
</div> </div>
<div className='inline-follow-suggestions__body__scrollable__card__text-stack'> <div className='inline-follow-suggestions__body__scrollable__card__text-stack'>
<Link to={`/@${account?.acct}`}> <Link to={`/@${account?.acct}`} data-hover-card-account={account?.id}>
<DisplayName account={account} /> <DisplayName account={account} />
</Link> </Link>
{firstVerifiedField ? ( {firstVerifiedField ? (