mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-09 16:53:36 -05:00
fix(message): re-added click to usericon
This commit is contained in:
parent
2bef311f9a
commit
e6684b8f78
4 changed files with 45 additions and 3 deletions
|
@ -133,6 +133,7 @@ const Message = observer(
|
||||||
<MessageInfo click={typeof head !== "undefined"}>
|
<MessageInfo click={typeof head !== "undefined"}>
|
||||||
{head ? (
|
{head ? (
|
||||||
<UserIcon
|
<UserIcon
|
||||||
|
className="avatar"
|
||||||
url={message.generateMasqAvatarURL()}
|
url={message.generateMasqAvatarURL()}
|
||||||
target={user}
|
target={user}
|
||||||
size={36}
|
size={36}
|
||||||
|
|
|
@ -142,6 +142,14 @@ export const MessageInfo = styled.div<{ click: boolean }>`
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
user-select: none;
|
||||||
|
cursor: pointer;
|
||||||
|
&:active {
|
||||||
|
transform: translateY(1px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.copyBracket {
|
.copyBracket {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -184,11 +192,11 @@ export const MessageInfo = styled.div<{ click: boolean }>`
|
||||||
color: var(--tertiary-foreground);
|
color: var(--tertiary-foreground);
|
||||||
}
|
}
|
||||||
|
|
||||||
${(props) =>
|
/*${(props) =>
|
||||||
props.click &&
|
props.click &&
|
||||||
css`
|
css`
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
`}
|
`}*/
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export const MessageContent = styled.div`
|
export const MessageContent = styled.div`
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
import { Markdown } from "@styled-icons/boxicons-logos";
|
||||||
import isEqual from "lodash.isequal";
|
import isEqual from "lodash.isequal";
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
import { Server } from "revolt.js/dist/maps/Servers";
|
import { Server } from "revolt.js/dist/maps/Servers";
|
||||||
|
@ -84,7 +85,7 @@ export const Overview = observer(({ server }: Props) => {
|
||||||
</h3>
|
</h3>
|
||||||
<TextAreaAutoSize
|
<TextAreaAutoSize
|
||||||
maxRows={10}
|
maxRows={10}
|
||||||
minHeight={60}
|
minHeight={120}
|
||||||
maxLength={1024}
|
maxLength={1024}
|
||||||
value={description}
|
value={description}
|
||||||
placeholder={"Add a topic..."}
|
placeholder={"Add a topic..."}
|
||||||
|
@ -93,6 +94,19 @@ export const Overview = observer(({ server }: Props) => {
|
||||||
if (!changed) setChanged(true);
|
if (!changed) setChanged(true);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
<div className={styles.markdown}>
|
||||||
|
<Markdown size="24" />
|
||||||
|
<h5>
|
||||||
|
Descriptions support Markdown formatting,{" "}
|
||||||
|
<a
|
||||||
|
href="https://developers.revolt.chat/markdown"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer">
|
||||||
|
learn more here
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
<h3>
|
<h3>
|
||||||
<Text id="app.main.servers.custom_banner" />
|
<Text id="app.main.servers.custom_banner" />
|
||||||
|
|
|
@ -15,6 +15,25 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.markdown {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 8px;
|
||||||
|
gap: 4px;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.userList {
|
.userList {
|
||||||
|
|
Loading…
Reference in a new issue