Fix name text becomes too easily clickable

This commit is contained in:
Lim Chee Aun 2023-09-29 08:58:31 +08:00
parent f9cb9502b1
commit 99d7525436
2 changed files with 9 additions and 8 deletions

View file

@ -299,7 +299,7 @@
overflow: hidden;
/* text-overflow: ellipsis; */
}
.status > .container > .meta .name-text {
.status > .container > .meta .meta-name {
mask-image: linear-gradient(to left, transparent, black 16px);
flex-grow: 1;
}

View file

@ -968,13 +968,14 @@ function Status({
)}
<div class="container">
<div class="meta">
{/* <span> */}
<NameText
account={status.account}
instance={instance}
showAvatar={size === 's'}
showAcct={isSizeLarge}
/>
<span class="meta-name">
<NameText
account={status.account}
instance={instance}
showAvatar={size === 's'}
showAcct={isSizeLarge}
/>
</span>
{/* {inReplyToAccount && !withinContext && size !== 's' && (
<>
{' '}