Fix: Support for DateDivider for RTL

This commit is contained in:
nizune 2021-07-08 21:01:21 +02:00
parent 2f60013935
commit ccb7499c2a
2 changed files with 10 additions and 10 deletions

View file

@ -12,9 +12,10 @@ const Base = styled.div<{ unread?: boolean }>`
time { time {
margin-top: -2px; margin-top: -2px;
font-size: 0.6875rem; font-size: .6875rem;
line-height: 0.6875rem; line-height: .6875rem;
padding: 2px 5px 2px 0; padding: 2px 0 2px 0;
padding-inline-end: 5px;
color: var(--tertiary-foreground); color: var(--tertiary-foreground);
background: var(--primary-background); background: var(--primary-background);
} }

View file

@ -10,7 +10,7 @@ import {
LeftArrowAlt, LeftArrowAlt,
Trash, Trash,
} from "@styled-icons/boxicons-regular"; } from "@styled-icons/boxicons-regular";
import { Cog } from "@styled-icons/boxicons-solid"; import { Cog, UserVoice } from "@styled-icons/boxicons-solid";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import { import {
Attachment, Attachment,
@ -924,24 +924,23 @@ function ContextMenus(props: Props) {
<Text id={`app.status.invisible`} /> <Text id={`app.status.invisible`} />
</MenuItem> </MenuItem>
<LineDivider /> <LineDivider />
<div className="header">
<div className="main">
<MenuItem <MenuItem
data={{ action: "set_status" }} data={{ action: "set_status" }}
disabled={!isOnline}> disabled={!isOnline}>
<UserVoice size={18} />
<Text <Text
id={`app.context_menu.custom_status`} id={`app.context_menu.custom_status`}
/> />
</MenuItem> {client.user!.status?.text && (
</div>
{client.user!.status?.text && (
<IconButton> <IconButton>
<MenuItem data={{ action: "clear_status" }}> <MenuItem data={{ action: "clear_status" }}>
<Trash size={18} /> <Trash size={18} />
</MenuItem> </MenuItem>
</IconButton> </IconButton>
)} )}
</div> </MenuItem>
</> </>
)} )}
</ContextMenuWithData> </ContextMenuWithData>