cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-29 02:10:59 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(messaging): bring cursor pointer back for av.

Browse source
This commit is contained in:
Paul Makles 2022-01-15 15:59:25 +00:00
parent 271a126a3f
commit 8eb2f4e7e3
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/common/messaging/Message.tsx
View file

@ -130,7 +130,7 @@ const Message = observer(
} }
onMouseEnter={() => setAnimate(true)} onMouseEnter={() => setAnimate(true)}
onMouseLeave={() => setAnimate(false)}> onMouseLeave={() => setAnimate(false)}>
<MessageInfo> <MessageInfo click={typeof head !== "undefined"}>
{head ? ( {head ? (
<UserIcon <UserIcon
url={message.generateMasqAvatarURL()} url={message.generateMasqAvatarURL()}

8
src/components/common/messaging/MessageBase.tsx
View file

@ -134,7 +134,7 @@ export default styled.div<BaseMessageProps>`
} }
`; `;
export const MessageInfo = styled.div` export const MessageInfo = styled.div<{ click: boolean }>`
width: 62px; width: 62px;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
@ -183,6 +183,12 @@ export const MessageInfo = styled.div`
margin-right: 0.5em; margin-right: 0.5em;
color: var(--tertiary-foreground); color: var(--tertiary-foreground);
} }
${(props) =>
props.click &&
css`
cursor: pointer;
`}
`; `;
export const MessageContent = styled.div` export const MessageContent = styled.div`

2
src/components/common/messaging/SystemMessage.tsx
View file

@ -147,7 +147,7 @@ export const SystemMessage = observer(
: undefined : undefined
}> }>
{!hideInfo && ( {!hideInfo && (
<MessageInfo> <MessageInfo click={false}>
<MessageDetail message={message} position="left" /> <MessageDetail message={message} position="left" />
<SystemMessageIcon className="systemIcon" /> <SystemMessageIcon className="systemIcon" />
</MessageInfo> </MessageInfo>