fix: prevent reply overflow

fixes #399
This commit is contained in:
Paul 2021-11-14 18:46:46 +00:00
parent 374f5d1747
commit b938f6620b
2 changed files with 14 additions and 3 deletions

View file

@ -84,12 +84,16 @@ export const ReplyBase = styled.div<{
}
.content {
padding: 2px 0;
max-height: 32px;
gap: 4px;
display: flex;
padding: 2px 0;
cursor: pointer;
overflow: hidden;
align-items: center;
flex-direction: row;
transition: filter 1s ease-in-out;
transition: transform ease-in-out 0.1s;
filter: brightness(1);

View file

@ -65,6 +65,7 @@ const Base = styled.div`
.message {
display: flex;
max-height: 26px;
}
.actions {
@ -152,7 +153,7 @@ export default observer(({ channel, replies, setReplies }: Props) => {
</>
)}
{message.author_id ===
"00000000000000000000000000" ? (
"00000000000000000000000000" ? (
<SystemMessage message={message} hideInfo />
) : (
<Markdown
@ -191,7 +192,13 @@ export default observer(({ channel, replies, setReplies }: Props) => {
}}>
<span class="toggle">
<At size={15} />
<Text id={reply.mention ? 'general.on' : 'general.off'} />
<Text
id={
reply.mention
? "general.on"
: "general.off"
}
/>
</span>
</IconButton>
)}