fix(post): author address wouldn't underline on mouse over

This commit is contained in:
plebeius.eth
2024-01-17 15:27:03 +01:00
parent 5e61fd6a87
commit cfcda0f4ee
2 changed files with 9 additions and 17 deletions

View File

@@ -121,9 +121,8 @@
text-decoration: none;
}
.domain:hover {
.domain a:hover {
text-decoration: underline;
max-width: none;
}
.tagline a {
@@ -131,11 +130,7 @@
text-decoration: none;
}
.tagline .author:hover {
text-decoration: underline;
}
.tagline .subplebbit:hover {
.subplebbit:hover, .author:hover span {
text-decoration: underline;
}

View File

@@ -37,14 +37,12 @@ const PostAuthor = ({ authorAddress, authorRole, cid, displayName, index, shortA
return (
<>
{displayName && (
<Link to={cid ? `/u/${authorAddress}/c/${cid}` : `/profile/${index}`} className={`${styles.displayName} ${moderatorClass}`}>
{displayName}{' '}
</Link>
)}
<Link className={`${styles.authorAddressWrapper} ${moderatorClass}`} to={cid ? `/u/${authorAddress}/c/${cid}` : `/profile/${index}`}>
<span className={styles.authorAddressHidden}>u/{shortAddress || shortAuthorAddress}</span>
<span className={`${styles.authorAddressVisible} ${authorAddressChanged && styles.authorAddressChanged}`}>u/{shortAuthorAddress}</span>
<Link to={cid ? `/u/${authorAddress}/c/${cid}` : `/profile/${index}`} className={`${styles.author} ${moderatorClass}`}>
{displayName && <span className={`${styles.displayName} ${moderatorClass}`}>{displayName} </span>}
<span className={`${styles.authorAddressWrapper} ${moderatorClass}`}>
<span className={styles.authorAddressHidden}>u/{shortAddress || shortAuthorAddress}</span>
<span className={`${styles.authorAddressVisible} ${authorAddressChanged && styles.authorAddressChanged}`}>u/{shortAuthorAddress}</span>
</span>
</Link>
{authorRole && (
<span>
@@ -206,9 +204,8 @@ const Post = ({ post = {}, index }: PostProps) => {
/>
{!isInSubplebbitView && (
<>
 {t('post_to')}
 {t('post_to')}{' '}
<Link className={styles.subplebbit} to={`/p/${subplebbitAddress}`}>
{' '}
p/{subplebbit?.shortAddress || subplebbitAddress}
</Link>
</>