From ccb7499c2a32fc5a46488557caccd1cb9ba43b5e Mon Sep 17 00:00:00 2001 From: nizune <9-nizune@users.noreply.gitlab.insrt.uk> Date: Thu, 8 Jul 2021 21:01:21 +0200 Subject: [PATCH] Fix: Support for DateDivider for RTL --- src/components/ui/DateDivider.tsx | 7 ++++--- src/lib/ContextMenus.tsx | 13 ++++++------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/components/ui/DateDivider.tsx b/src/components/ui/DateDivider.tsx index 14f41d7..c192cb6 100644 --- a/src/components/ui/DateDivider.tsx +++ b/src/components/ui/DateDivider.tsx @@ -12,9 +12,10 @@ const Base = styled.div<{ unread?: boolean }>` time { margin-top: -2px; - font-size: 0.6875rem; - line-height: 0.6875rem; - padding: 2px 5px 2px 0; + font-size: .6875rem; + line-height: .6875rem; + padding: 2px 0 2px 0; + padding-inline-end: 5px; color: var(--tertiary-foreground); background: var(--primary-background); } diff --git a/src/lib/ContextMenus.tsx b/src/lib/ContextMenus.tsx index 9646772..b3e3de6 100644 --- a/src/lib/ContextMenus.tsx +++ b/src/lib/ContextMenus.tsx @@ -10,7 +10,7 @@ import { LeftArrowAlt, Trash, } 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 { Attachment, @@ -924,24 +924,23 @@ function ContextMenus(props: Props) { <Text id={`app.status.invisible`} /> </MenuItem> <LineDivider /> - <div className="header"> - <div className="main"> <MenuItem data={{ action: "set_status" }} disabled={!isOnline}> + <UserVoice size={18} /> <Text id={`app.context_menu.custom_status`} /> - </MenuItem> - </div> - {client.user!.status?.text && ( + {client.user!.status?.text && ( <IconButton> <MenuItem data={{ action: "clear_status" }}> <Trash size={18} /> </MenuItem> </IconButton> )} - </div> + </MenuItem> + + </> )} </ContextMenuWithData> -- GitLab