fix long zap comment text overflow #344
@ -92,6 +92,10 @@
|
|||||||
line-height: 17px;
|
line-height: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.reactions-item .zap-comment {
|
||||||
|
width: 332px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 520px) {
|
@media (max-width: 520px) {
|
||||||
.reactions-view .tab.disabled {
|
.reactions-view .tab.disabled {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -113,7 +113,11 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
|
|||||||
<ProfileImage
|
<ProfileImage
|
||||||
autoWidth={false}
|
autoWidth={false}
|
||||||
pubkey={z.anonZap ? "" : z.zapper}
|
pubkey={z.anonZap ? "" : z.zapper}
|
||||||
subHeader={<>{z.content}</>}
|
subHeader={
|
||||||
|
<div className="f-ellipsis zap-comment" title={z.content}>
|
||||||
|
{z.content}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
overrideUsername={z.anonZap ? formatMessage({ defaultMessage: "Anonymous" }) : undefined}
|
overrideUsername={z.anonZap ? formatMessage({ defaultMessage: "Anonymous" }) : undefined}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user